Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 按钮上的Twitter引导跨类_Html_Css_Twitter Bootstrap - Fatal编程技术网

Html 按钮上的Twitter引导跨类

Html 按钮上的Twitter引导跨类,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我非常喜欢twitter引导css/less框架,但最近我发现了一个小问题 当我将.spanX放在按钮上时,它们的宽度与div的宽度不同 请看这个例子来说明我的意思。在下图中,两者都是.span4 我使用span类是错误的,还是这可能是一个bug 编辑: 我在mac osx上使用chrome 23.0.1271.64作为新的cat。.alert添加了填充:8px 35px 8px 14px;导致大小差异的原因是覆盖或删除.alert类它们的宽度与我在调整浏览器窗口大小后看到的宽度相同 您可以清除

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

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

请看这个例子来说明我的意思。在下图中,两者都是.span4

我使用span类是错误的,还是这可能是一个bug

编辑:


我在mac osx上使用chrome 23.0.1271.64作为新的cat。

.alert添加了填充:8px 35px 8px 14px;导致大小差异的原因是覆盖或删除.alert类

它们的宽度与我在调整浏览器窗口大小后看到的宽度相同


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

我找到了此解决方案,您可以查看以下文章:


TwitterBootstrap为此提供了块级按钮类

请看-将找到一个将.btn块类与结合使用的示例

基本上,您可能需要将您的

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

它们的宽度和我看到的一样。也许你的问题需要更具体一些,分享你在哪个浏览器中看到这种行为。在谷歌Chrome上我觉得不错。这似乎就是问题所在!非常感谢。我试图在按钮上添加。警报以进行补偿,但这不起作用。至少我现在知道了这个问题,所以我应该能够想出一些办法:抱歉,我当时不知道如何输入标签-修复了我的答案,以便显示: