0

我非常喜欢 twitter bootstrap css/less 框架,但最近发现了一个小问题。

当我戴上.spanX按钮时,它们的宽度不会与 div 相同。

请参阅此Jsfiddle以查看我的意思的示例。在下图中,两者都是.span4

它们都是 .span4 但宽度不同

我是否使用了 span 类错误,或者这可能是一个错误?


编辑:

我在 mac osx the-new-cat 上使用 chrome 23.0.1271.64。

4

4 回答 4

6

Twitter Bootstrap 为此提供了 BLOCK-LEVEL 按钮类。

查看http://twitter.github.com/bootstrap/base-css.html#buttons - 将找到一个将 .btn-block 类与 .btn-block 类结合使用的示例<button>

基本上,您可能必须将您的包装<button>在 a 中<div>,如下所示:

<div class="span12">
    <button class="btn btn-block">my wide button</button>
</div>
于 2013-03-21T16:33:43.363 回答
1

.alert添加padding: 8px 35px 8px 14px;负责大小差异的内容要么覆盖它,要么删除 .alert 类

于 2012-11-27T11:34:52.170 回答
0

即使在调整浏览器窗口大小后,它们的宽度也一样。

您可以清除浏览器缓存以检查它是如何工作的,也可以尝试使用与您当前使用的浏览器不同的浏览器。

于 2012-11-27T11:38:54.470 回答
0

我找到了这个解决方案,你可以看到这篇文章:

https://github.com/twitter/bootstrap/issues/3824

https://github.com/twitter/bootstrap/pull/5198

于 2012-11-27T11:41:52.907 回答