ブートストラップ4 navbarは、サイズ変更時にアイテムの色を変更します。

Question

ブラウザのサイズを変更しているときにB4 navbarの項目のフォント色を変更すると問題が発生します。残念ながら、私はそれをどの例でも複製できません。ここにいくつかの画像があります。あなたはそれが黒に色が変化見ることができるように

：

初期の外観は：

にリサイズした後、私は768の幅を考えます。それがなぜ起こっているのか？

ありがとうございました

アップデート。それをしない 追加B4メディアクエリ：

/*Bootstrap overrides for toggle button when menu fully collapses*/ 
@media only screen and (max-width : 768px) { 
    .navbar-collapse { 
     background: white; 
    } 
    .nav-icon-text { 
     color: black; 
    } 
    .navbar-inverse .navbar-nav> .Active { 
     background-color: rgb(0,114,187); 
    } 
    .navbar-inverse .navbar-nav > li:hover { 
     background-color: #ccc; 
    } 
    .navbar-inverse .navbar-nav > li > a:hover { 
     background-color: transparent; 
    } 
} 

私のナビゲーションバーは折りたたみ可能ではないと私はハンバーガーのボタンを使用していません。この動作を停止できますか？

Answer 1

これ以上のオプションがあります。まず、ブートストラップCSSの対応するCSSルールをどこかに見つけることです

@media all and (max-width:768px) { 
} 

あなたのブラウザでDOM要素を調べる方が良い方法です。右クリックしてnavbar li要素をクリックし、要素の検査オプションを選択します。次に、どのCSSルールがDOM要素に適用されているか、色を変更しているものを見つけて変更したり、削除したり、上書きしたりすることができます。

最悪のアプローチが持つナビゲーションバーの要素の色を設定することです！テスト応答のための重要なフラグ

は、ブラウザウィンドウのサイズを変更する必要はありません。 firefoxでCtrl + Shift + mを押すか、Google Chromeのインスペクタでモバイルデバイスのアイコンをクリックしてください。