javascript Bootstrap 下拉按钮高度不同

pftdvrlh  于 2023-04-19  发布在  Java
关注(0)|答案(1)|浏览(117)

下面是我的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,我想只是尝试图标.请帮助,谢谢你:)

m0rkklqb

m0rkklqb1#

尝试将<!DOCTYPE html>添加到HTML文件的开头。
根据文档:
Bootstrap使用某些HTML元素和CSS属性,这些元素和属性需要使用HTML5 doctype。在所有项目的开头都包含它。
因此,将Bootstrap HTML文件 Package 在以下文件中:

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

相关问题