拆分下拉按钮的大小不一样

fok*_*int 9 twitter-bootstrap

我遇到了最奇怪的错误!我在twitter bootstrap组件页面中逐行使用代码进行下拉列表,但是我没有得到相同的结果.这是我的下拉看起来像.

在此输入图像描述

没有覆盖任何bootstrap css.我甚至删除了所有样式表并使用了JUST按钮,我仍然得到相同的结果.

PS:我正在使用rails will-paginate-bootstrap插件...我假设有所有必要的bootstrap文件

这是我的HTML输出

<div class="btn-group">
  <a class="btn btn-primary" href="/user/profile/test_user">
    <i class="icon-user icon-white"></i>
     test_user
  </a>
  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
  </a>
  <ul class="dropdown-menu">

  </ul>
</div>
Run Code Online (Sandbox Code Playgroud)

Ada*_*lor 24

我很确定你没有使用HTML5 doctype(<!DOCTYPE html>).

Bootstrap的文档:

Bootstrap使用某些需要使用HTML5 doctype的HTML元素和CSS属性.在所有项目的开头包含它.

  • 在bootstrap 3 http://getbootstrap.com/css/#overview-doctype中仍然如此 (2认同)