twitter - Twitter ブートストラップレスポンシブナビゲーションを開いたり閉じたりすると消える

Question

Twitter Bootstrap レスポンシブナビゲーションに問題があります。これを説明する最良の方法は、ステップです。

デザインのサイズを 768px 未満に変更します

右上のボタンからナビを開き、閉じます

デザインのサイズを 768px 以上に変更します

デザインを大きくするとなぜかナビゲーションが消えてしまいます。リフレッシュすると再び表示されます。これは私がCSSで行ったことだと確信していますが、何がわからないようです。

どんな助けでも大歓迎です。ありがとう

score 2 · Accepted Answer

「折りたたみ」クラスが適用されると、「in」クラスが削除されても、ナビゲーションバーが非表示になります。これを追加（または削除解除）してみてください：

.nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
}

score 0 · Accepted Answer

etaps と同じですが、メディアクエリを使用するため、幅が $navbarCollapseWidth 未満の場合、ルールは適用されません。

@media (min-width: $navbarCollapseWidth + 1) {
  .nav-collapse.collapse {
      height: auto !important;
      overflow: visible !important;
  }
}

私は Compass で scss を使用していますが、Less 構文を使用する必要があるかもしれません。

twitter - Twitter ブートストラップ レスポンシブ ナビゲーションを開いたり閉じたりすると消える