twitter bootstrap btn-navbar只显示一行

Question

我有以下导航栏崩溃：

<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>

但是我只在实际栏上获得一行。有没有办法解决这个问题？

Answer 1

尝试：

<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 标记不是单个标记。如果您没有正确关闭它，浏览器会将其解释为：

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

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