大佬教程收集整理的这篇文章主要介绍了Bootstrap 4.1,垂直导航栏断点不起作用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个带有水平导航栏的网站,工作正常。在适当的断点处,它会崩溃,您可以通过汉堡按钮将其打开。 在我下面有一个引导行:
<div class="row">
<div class="col-xl-2 px-0">
<div class="container-fluID">
<div class="container show-not-on-mobile text-center pt-5"> <h5>PainTings</h5></div>
<nav class="navbar navbar-expand-xl navbar-light navbar-custom">
<div class="container mb-0 px-0 show-not-on-desktop">
<a class="navbar-brand" href="/painTings">PainTings</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#mnav" aria-controls="mnav" aria-expanded="false" aria-label="Toggle navigation">
<span class="fancy-toggler navbar-toggler-icon"></span>
</button>
</div>
<div class="container mb-0 px-0">
<div class="collapse navbar-collapse" ID="malereinav">
<ul class="navbar-nav mr-auto mx-auto flex-column">
<li class="nav-item">
<a class="nav-link active rounded" title="Movement" href="/painTings-movement">
Movement
</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
</div>
<div class="col-xl-10">
gallery Content shown with #columns
</div>
</div>
一切正常,除了这个断点:
@media screen and (min-wIDth:992pX) and (max-wIDth: 1280.98pX){
#columns[data-columns]::before {
content: '3 .col-lg-4';
}
}
在这个断点,这个导航栏没有任何反应: 导航栏既不水平也不垂直显示。 也没有显示带有汉堡包的移动版本。
无论我使用 navbar-expand-xl 或 navbar-expand-lg 或 navbar-expand-md ...
也许有人有想法,我会很高兴。
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)
@H_675_28@以上是大佬教程为你收集整理的Bootstrap 4.1,垂直导航栏断点不起作用全部内容,希望文章能够帮你解决Bootstrap 4.1,垂直导航栏断点不起作用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。