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