twitter bootstrap 3 - aligning list items of equal width -
i want align list items of equal width.... following jsfiddle code: http://jsfiddle.net/277yd/
thanks in advance
<div class="row"> <div class="col-sm-2 text-center ">courses</div> <div class="col-sm-2 text-center oval-shape img-responsive"> <a>post graduate</a> </div> <div class="col-sm-2 text-center oval-shape img-responsive"> <a>graduate</a> </div> <div class="col-sm-2 text-center oval-shape img-responsive"> <a>honours</a> </div> <div class="col-sm-2 text-center oval-shape img-responsive"> <a>tiger studio</a> </div> <div class="col-sm-2 text-center oval-shape img-responsive"> <a>others</a> </div> </div> .oval-shape { background: #ff9900; border-radius:50px; padding:10px; /* background-image: url('../images/button.png'); background-repeat:repeat-x; */ }
remove a
css instead of .oval-shape {
write .oval-shape {
add width
oval-shape
class adjust width, example width:15%;
.
Comments
Post a Comment