微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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.jb51.cc/css/214098.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。