我有一個使用Bootstrap 3的網站。在該網站中,我有一個下拉菜單。菜單中的每個項目都包含一個圖標和一個名稱。我的挑戰是,我的圖標沒有正確佈置。圖標不符合,文字不符合。它看起來脫節。我的HTML看起來像這樣:在Bootstrap中對齊圖標
<ul class="dropdown-menu" role="menu">
<li><a target="_blank" href="/User/Create"><span class="fa fa-user-plus" style="margin-right: 10px;"></span>Add User</a></li>
<li><a target="_blank" href="/User/Edit"><span class="fa fa-user" style="margin-right: 10px;"></span>Edit User</a></li>
<li><a target="_blank" href="/User/Delete"><span class="fa fa-user-times" style="margin-right: 10px;"></span>Delete User</a></li>
<li><a target="_blank" href="/Buiding/Add"><span class="fa fa-building" style="margin-right: 10px;"></span>Building</a></li>
</ul>
我在做什麼錯?我需要做些什麼才能讓我的圖標和文字排列起來?
不能說沒有演示,或至少一個截圖。我最好的猜測是由於水平空間不足導致文字環繞。 – isherwood 2015-02-23 14:20:38