1. ホーム
  2. css

[解決済み】LESSを使わずにbootstrap navbar collapse breakpointを変更する。

2022-04-06 14:16:34

質問

現在、ブラウザの幅が768pxを下回ると、ナビバーが折りたたみモードに変更されます。この幅を1000pxに変更し、ブラウザの幅が1000px以下になるとナビバーが折りたたみモードに変わるようにしたいのです。私はLESSではなく、スタイラスを使っています。

私の問題は、この質問と同じです。 Bootstrap 3 ナンバーバーの折りたたみ

しかし、その質問のすべての回答は、LESSの変数を変更することによってそれを行う方法を説明しています。私はLESSを扱ったことがなく、スタイラスを使っているので、スタイラスや他の方法でどのようにこれを行うことができるかを知りたいのです。

ありがとうございます。

解決方法は?

を記述する必要があります。 メディアクエリ の場合、768px以下ではナビバーが崩れるので、768px以上、1000px以下に適用する、ただそれだけのことです。

@media (min-width: 768px) and (max-width: 1000px) {
   .collapse {
       display: none !important;
   }
}

これは、ブートストラップ・ユニットのデフォルトの発生まで、ナバー・コラプスを隠します。折りたたみクラスが反転すると、ナバー折りたたみ内のインナーアセットが自動的に非表示になります。