【问题标题】:Nav menu not opening beneath header for medium screens using bootstrap 4导航菜单未在使用引导程序 4 的中等屏幕的标题下方打开
【发布时间】:2019-05-28 05:35:59
【问题描述】:
当浏览器屏幕为中等大小时,我无法从底部加载导航菜单。
在 Firefox 浏览器上,当按下汉堡图标时,它应该加载到标题下方。当我像这样将浏览器的宽度设置得非常小时,它会正确显示:
但由于某种原因,当我开始增加宽度时,它会从右侧加载菜单。像这样:
我尝试更新 CSS 但没有效果。
请在此处找到代码,我们将不胜感激。谢谢。
https://www.codeply.com/go/qMkYwnOOrH
【问题讨论】:
标签:
html
css
mobile
bootstrap-4
nav
【解决方案1】:
由于您使用行和列的方式,您需要更改此 div:
<div class="row no-gutters nav-item-container">
像这样:
<div class="row no-gutters nav-item-container collapse navbar-collapse" id="navbarsExampleDefault">
这里删除class和id属性:
<div class="collapse navbar-collapse" id="navbarsExampleDefault">