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; }
Comments
Post a Comment