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

时间:2013-02-14 04:00:04

标签: twitter-bootstrap

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

enter image description here

我有 NOT 覆盖任何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>

1 个答案:

答案 0 :(得分:24)

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

来自Bootstrap's documentation

  

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