Bootstrap Justified Nav Bar无法正确折叠

Question

使用bootstrap构建网站。 主导航栏设置为对齐（导航对齐） -

当它达到中等水平时，菜单上的一些文字会被包含在下面，并且不确定为什么会这样。

有什么想法吗？

谢谢！

Answer 1

嗨，你可以这样做，以防止包装

.nav > li > a {
   white-space: nowrap;
}

这样可以防止破词

Answer 2

尝试在中断点处减小文本大小：

@media only screen and (max-width: 992px) {
    #nav-bar {
        font-size: 0.75em;
    }
}

或类似的东西，其中#nav-bar是导航栏的ID（显然......）

Answer 3

@media only screen and (min-width: 768px) and (max-width: 991px) {
        #navbar a
         {
          font-size: 12px;
         }
  }

试试这些css行