如何避免bootstrap 3导航栏折叠成两行

Ayr*_*rad 10 css twitter-bootstrap twitter-bootstrap-3

当我将窗口大小调整为中等大小时,右侧的两个链接会折叠并导致导航栏占用两行,即使右侧链接和左侧链接之间有足够的空间.

http://www.bootply.com/fthRQCpN7d

Sha*_*lor 8

您可以编写一个@ media-query来减少左/右填充,当它遇到有问题的断点时:

@media(max-width:992px){
.nav>li>a {
padding-left: 10px;
padding-right:10px
    }
}
Run Code Online (Sandbox Code Playgroud)

可能不适用于每个实例,但似乎为您的示例:http://www.bootply.com/fthRQCpN7d