css – 如何避免引导3导航栏折叠成两行

前端之家收集整理的这篇文章主要介绍了css – 如何避免引导3导航栏折叠成两行前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
当我将窗口大小调整到中等大小时,右侧的两个链接就会崩溃,导致导航栏占用两行,即使右侧链接和左侧链接之间有足够的空间.

http://www.bootply.com/fthRQCpN7d

解决方法

您可以编写一个@ media-query来减少左/右填充点击违规断点:
@media(max-width:992px){
.nav>li>a {
padding-left: 10px;
padding-right:10px
    }
}

可能无法为每个实例工作,但似乎为您的例子:http://www.bootply.com/fthRQCpN7d

原文链接:https://www.f2er.com/css/214098.html

猜你在找的CSS相关文章