jquery - 在 中并排添加元素

Question

是否可以在 sabe 中并排添加图标 <li>在下拉组件中？

在下面的示例中，即使使用一个 <li>图标分两行显示。我希望并排放置图标，每个图标都有单独的链接。

示例: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>

谢谢。

Answer 1

制作一个标签为display:inline-block，检查下面的代码。

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

演示:http://jsfiddle.net/8u5dpa90/2/