在<li>中并排添加项目

Question

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

在下面的示例中，即使使用一个<li>，图标也会显示为2行。我正忙着为每个图标提供单独的链接图标。

示例：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/