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

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