导航栏文字大小

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