Question

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

当我将.spanX放在按钮上时，它们的宽度不会与div相同。

请看这个Jsfiddle看一个我的意思的例子。在下图中，两者都是.span4。

They are both .span4 but different width

我是否使用了span类错误，或者这可能是错误？

编辑：

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

Answer 1

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

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

基本上，您可能需要将<button>包裹在<div>中，如下所示：

<div class="span12">
    <button class="btn btn-block">my wide button</button>
</div>

Answer 2

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

Answer 3

即使在调整浏览器窗口大小后，它们的宽度与我所能看到的相同。

您可以清除浏览器缓存以检查其工作原理，也可以尝试使用与您当前使用的浏览器不同的浏览器。

Answer 4

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