jquery - Add items side-by-side in a <li> -


is possible add icons side-by-side in sabe <li> in dropdown component?

in example bellow, using 1 <li> icons shows in 2 lines. hopping have icons side-by-side separate links each icon.

example: http://jsfiddle.net/khrys/8u5dpa90/

<div class="dropdown">   <button class="btn btn-primary" id="dlabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">     dropdown trigger     <span class="caret"></span>   </button>   <ul class="dropdown-menu" aria-labelledby="dlabel">     <li>       <a href="#"><span class="glyphicon glyphicon-align-left"></span></a>       <a href="#"><span class="glyphicon glyphicon-star"></span></a>     </li>   </ul> 

thanks.

make tag display:inline-block, check below codes.

.dropdown-menu>li>a{   display: inline-block; } 

demo: http://jsfiddle.net/8u5dpa90/2/


Comments

Popular posts from this blog

authentication - Mongodb revoke acccess to connect test database -

r - Update two sets of radiobuttons reactively - shiny -

ios - Realm over CoreData should I use NSFetchedResultController or a Dictionary? -