Bootstrap下拉按鈕高度不同

Question

這是我的HTML：

<div class="row-fluid">
  <div class="span3">
     <div class="btn-group">
         <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
         <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
         <span class="icon-caret-down"></span>
         </a>
         <ul class="dropdown-menu">
         <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li>
         <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li>
         <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li>
         <li class="divider"></li>
         <li><a href="#"><i class="i"></i> Make admin</a></li>
         </ul>
      </div>
   </div>
</div>

這是一個簡單的例子： http ： //fortawesome.github.io/Font-Awesome/examples/

在我的瀏覽器chrome中，輸出是：

我使用FontAwesome，我只想嘗試圖標。 請幫忙，謝謝:)

Answer 1

嘗試將<!DOCTYPE html>添加到HTML文件的開頭。

根據文件：

Bootstrap使用某些需要使用HTML5 doctype的HTML元素和CSS屬性。 在所有項目的開頭包含它。

因此，請將您的Bootstrap HTML文件包裝在以下內容中：

<!DOCTYPE html>
<html lang="en">
  ...
</html>

Bootstrap下拉按鈕高度不同

問題描述

1 個解決方案

解決方案1
21 已采納 2013-08-27 22:27:39

Bootstrap下拉按鈕高度不同

問題描述

1 個解決方案

解決方案1 21 已采納 2013-08-27 22:27:39

解決方案1
21 已采納 2013-08-27 22:27:39