Simple responsive grid error, please help

Simple responsive grid error, please help
0

#1

I want to make a 2 row , 5 column grid using layout, where each element contained under all 12 divs should have center alignment. Help Appreciated.

<div class="computer-course">
	<div>
		<h2 class="text-center">Our Computer Courses</h2>
		<p class="description text-center">Offering many advance computer courses in various streams. Try It Out! </p>
	</div>
<div class="container-fluid">
<div class="row">
<div class="col-md-2">
                <div class="icon hadoop-bg">
                    <img class="img-responsive center-block" src="http://placehold.it/50x50" alt="All-courses-combined">
                </div>
                <div class="box">
                    <div class="stars">
                        	<i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
              `      </div>
                    <b>All courses combined</b>
                    <p>1 year</p>
                    <p>&#8377; 10000</p> 
                </div>
            </div>
<div class="col-md-2">
                <div class="icon hadoop-bg">
                    <img class="img-responsive center-block" src="http://placehold.it/50x50" alt="Computer-basic-logo">
                </div>
                <div class="box">
                    <div class="stars">
                        
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                    </div>
                    <b>Computer Basic (MS Office &amp; Advance)</b>
                    <p>6 months</p>
                    <p>&#8377; 6000</p>

                                
                </div>
            </div>
<div class="col-md-2">
                <div class="icon hadoop-bg">
                    <img class="img-responsive center-block" src="http://placehold.it/50x50" alt="DTP-logo">
                </div>
                <div class="box">
                    <div class="stars">
                        
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
              `      </div>
                    <b>DTP (Photoshop, Corel)</b>
                    <p>3 months</p>
                    <p>&#8377; 6000</p> 
                </div>
            </div>
<div class="col-md-2">
                <div class="icon hadoop-bg">
                    <img class="img-responsive center-block" src="http://placehold.it/50x50" alt="Advance-excel-logo">
                </div>
                <div class="box">
                    <div class="stars">
                        
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
              `      </div>
                    <b>Advance Excel (Accounting)</b>
                    <p>2 months</p>
                    <p>&#8377; 4000</p> 
                </div>
            </div>
<div class="col-md-2">
                <div class="icon hadoop-bg">
                    <img class="img-responsive center-block" src="http://placehold.it/50x50" alt="Inernet-marketing-logo">
                </div>
                <div class="box">
                    <div class="stars">
                        
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
              `      </div>
                    <b>Internet Marketing (SEO/SMO)</b>
                    <p>6 months</p>
                    <p>&#8377; 18000</p> 
                </div>
            </div>
</div>

<div class="row">
<div class="col-md-2">
                <div class="icon hadoop-bg">
                    <img class="img-responsive center-block" src="http://placehold.it/50x50" alt="English-speaking-logo">
                </div>
                <div class="box">
                    <div class="stars">
                        
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
              `      </div>
                    <b>English Speaking</b>
                    <p>3 months</p>
                    <p>&#8377; 6000</p> 
                </div>
            </div>
<div class="col-md-2">
                <div class="icon hadoop-bg">
                    <img class="img-responsive center-block" src="http://placehold.it/50x50" alt="English-typing-logo">
                </div>
                <div class="box">
                    <div class="stars">
                        
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
              `      </div>
                    <b>English Typing</b>
                    <p>3 months</p>
                    <p>&#8377; 1500</p> 
                </div>
            </div>
<div class="col-md-2">
                <div class="icon hadoop-bg">
                    <img class="img-responsive center-block" src="http://placehold.it/50x50" alt="Hindi-typing-logo">
                </div>
                <div class="box">
                    <div class="stars">
                        
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
              `      </div>
                    <b>Hindi Typing</b>
                    <p>6 months</p>
                    <p>&#8377; 6000</p> 
                </div>
            </div>
<div class="col-md-2">
                <div class="icon hadoop-bg">
                    <img class="img-responsive center-block" src="http://placehold.it/50x50" alt="English-stenography-logo">
                </div>
                <div class="box">
                    <div class="stars">
                        
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
              `      </div>
                    <b>English Stenography</b>
                    <p>1 month</p>
                    <p>&#8377; 2000</p> 
                </div>
            </div>
<div class="col-md-2">
                <div class="icon hadoop-bg">
                    <img class="img-responsive center-block" src="http://placehold.it/50x50" alt="Hindi-stenography-logo">
                </div>
                <div class="box">
                    <div class="stars">
                        
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
              `      </div>
                    <b>Hindi Stenography</b>
                    <p>1 month</p>
                    <p>&#8377; 2000</p>
                </div>
            </div>
</div>
</div>
</div>


#2

What do you think about this?
CSS:

div{
text-align: center;
}
img {
display: block;
margin: auto;
}