Twitter的引导BTN-导航栏只显示一行

我有以下的导航栏崩溃：Twitter的引导BTN-导航栏只显示一行

<button type="button" class='btn btn-navbar' data-toggle='collapse' data-target='.nav-collapse'> 
     <span class="icon-bar"/> 
     <span class="icon-bar"/> 
     <span class="icon-bar"/> 
</button>

但是我只得到实际栏上一行。有没有办法解决这个问题？ enter image description here

来源

2012-06-10 locoboy

尝试了''元素，而不是'button' - 像这样''我不知道知道这是否是问题，你是否改变了过去颜色的默认引导文件？你是不是向我们展示一个活生生的例子或任何你的CSS – rlemon

的尝试。没有不同。 – locoboy

以及它代表你真的需要提供一个活生生的例子（http://jsfiddle.net）或向我们表明元素使用这个问题可以回答的CSS代码。 – rlemon

尝试：

<button type="button" class='btn btn-navbar' data-toggle='collapse' data-target='.nav-collapse'> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
    <span class="icon-bar"></span> 
</button>

的跨度标签是不是一个单一的标签。如果你没有正确关闭它，浏览器将其解释为：

<span class="icon-bar"> 
    <span class="icon-bar"> 
    <span class="icon-bar"></span> 
    </span> 
</span>

这就是为什么你只能得到一个酒吧。

来源

2012-06-10 01:55:32 rpedroso

你做了什么不同？除调整缩进外，您的标记与问题中的标记相同。我可以忽略一些东西吗 – Substantial

真奇怪......我搞砸了那里，我已经更新了我的答案。我必须从我的编辑器复制/粘贴错误的行。不管怎么说，关键是标签不是单一的标签，他们需要一个单独的结束标记，因为它们的目的是包装内容。 – rpedroso

Twitter的引导BTN-导航栏只显示一行

回答

相关问题