【问题标题】: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">
    

    【讨论】:

    • 谢谢@大卫九世!你刚刚治好了一个严重的头痛!
    猜你喜欢
    • 1970-01-01
    • 2018-01-04
    • 1970-01-01
    • 2019-03-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多