gpt4 book ai didi

html - 使用 bootstrap 4,导航菜单不会在中等屏幕的标题下方打开

转载 作者:行者123 更新时间:2023-11-28 02:22:57 27 4
gpt4 key购买 nike

当浏览器屏幕为中等尺寸时,我无法从底部加载导航菜单。

在 Firefox 浏览器上,当按下汉堡包图标时,它应该加载到标题下方。当我像这样将浏览器的宽度设置得非常小时,它会正确显示:

correct for small screen

但出于某种原因,当我开始增加宽度时,它会从右侧加载菜单。像这样:

incorrect for medium screen

我尝试更新 CSS 但没有效果。

请在此处找到代码,我们将不胜感激。谢谢。 https://www.codeply.com/go/qMkYwnOOrH

最佳答案

由于您使用行和列的方式,您需要更改此 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">

关于html - 使用 bootstrap 4,导航菜单不会在中等屏幕的标题下方打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56335601/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com