導航文本大小

Question

我在Bootstrap中有一個導航欄。我的網格設置爲「md」，所以當我減少屏幕時，有一段時間導航欄項目消失並放入一個下拉按鈕中。也就是說，它會崩潰。我的導航欄中唯一剩下的項目是品牌和下拉按鈕。

但是，當我增加文字大小，如

.navbar { 
    font-size: 18px; 
} 

有一箇中間步驟，其中，導航欄項目下的標誌走，我不希望這（768px和991px之間）。如何避免這種情況，並使徽標和項目位於同一行，直到缺少位置（並且菜單項在下拉菜單按鈕中可用）？

謝謝！

Answer 1

與媒體查詢解決：

@media (min-width: 768px) and (max-width: 991px) { 

     .navbar-collapse.collapse { 
      display: none!important; 
     } 
     .navbar-collapse.collapse.in { 
      display: block !important; 
     } 
     .navbar-header .collapse, .navbar-toggle { 
      display:block !important; 
     } 
     .navbar-header { 
      float:none; 
     } 
    }