我非常喜欢 twitter bootstrap css/less 框架,但最近发现了一个小问题。
当我戴上.spanX
按钮时,它们的宽度不会与 div 相同。
请参阅此Jsfiddle以查看我的意思的示例。在下图中,两者都是.span4
。
我是否使用了 span 类错误,或者这可能是一个错误?
编辑:
我在 mac osx the-new-cat 上使用 chrome 23.0.1271.64。
我非常喜欢 twitter bootstrap css/less 框架,但最近发现了一个小问题。
当我戴上.spanX
按钮时,它们的宽度不会与 div 相同。
请参阅此Jsfiddle以查看我的意思的示例。在下图中,两者都是.span4
。
我是否使用了 span 类错误,或者这可能是一个错误?
编辑:
我在 mac osx the-new-cat 上使用 chrome 23.0.1271.64。
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>
.alert
添加padding: 8px 35px 8px 14px;
负责大小差异的内容要么覆盖它,要么删除 .alert 类
即使在调整浏览器窗口大小后,它们的宽度也一样。
您可以清除浏览器缓存以检查它是如何工作的,也可以尝试使用与您当前使用的浏览器不同的浏览器。
我找到了这个解决方案,你可以看到这篇文章: