Bootstrap下拉按钮高度不同答案

【问题标题】：Bootstrap dropdown button heights differentBootstrap下拉按钮高度不同
【发布时间】：2013-08-28 06:27:39
【问题描述】：

这是我的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，我只想试试这些图标。请帮忙，谢谢:)

【问题讨论】：

标签： javascript html css twitter-bootstrap font-awesome

【解决方案1】：

尝试将<!DOCTYPE html> 添加到 HTML 文件的开头。

根据docs：

Bootstrap 使用需要使用 HTML5 文档类型的某些 HTML 元素和 CSS 属性。将它包含在所有项目的开头。

因此，将您的 Bootstrap HTML 文件包装在以下内容中：

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

【讨论】：