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%;.

updated fiddle


Comments

Popular posts from this blog

google api - Incomplete response from Gmail API threads.list -

Installing Android SQLite Asset Helper -

Qt Creator - Searching files with Locator including folder -