並排添加項目<li>

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/