1

次のナビゲーションバーの折りたたみがあります。

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

ただし、実際のバーには 1 行しか表示されません。これを修正する方法はありますか？ここに画像の説明を入力

4

1 に答える 1

3

試す：

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

これが、バーが 1 つしか得られなかった理由です。

于 2012-06-10T01:55:32.890 に答える