您的位置:首页技术文章
文章详情页

javascript - bootstrap导航条内所包含元素溢出时,如何修改 @grid-float-breakpoint 变量实现。

【字号: 日期:2022-11-28 09:01:29浏览:59作者:猪猪

问题描述

javascript - bootstrap导航条内所包含元素溢出时,如何修改 @grid-float-breakpoint 变量实现。

整个问题就是如图中所表现的一样,当窗口缩小成sm时导航栏变成两行,缩小到xs就正常折叠隐藏了。我就想求教大神能不能当浏览器窗口缩小到sm时,就直接进行折叠。求具体步骤!万分感谢!

问题解答

回答1:

在需要折叠隐藏的宽度下调整display属性,xs应该是768px的宽度吧,设置在最小768px宽度时display为none,小于768px的宽度就实现了正常折叠隐藏,希望能帮到你!

@media (min-width: 768px).navbar-toggle { display: none;}

javascript - bootstrap导航条内所包含元素溢出时,如何修改 @grid-float-breakpoint 变量实现。

标签: JavaScript