Question

我正在尝试使用Bootstrap-4主题来构建基本网站。在除ContactUs.php页面之外的所有页面上，单击（在移动设备上查看页面时）导航栏下拉菜单位于内容的后面。将不胜感激任何建议。 http://i-aminc.com
http://i-aminc.com/bootstrap/css/bootstrap.css 注意：仍在视频广告架页面上工作，因此链接不起作用。

Answer 1

我不知道为什么，但是您将navbar包装在高度固定为75px的<div>中。下拉菜单位于内容后面的原因是由于溢出。

2个修复程序：

如果确实需要将固定高度保持在75像素，则需要对包裹导航栏的div应用样式

<body>
    <div class="idk">
        <nav class="navbar navbar-expand-md...">
        ...
    </div>
</body>

div.idk {
    height: 75px;
    position: relative;
    overflow-y: visible;
    z-index: 999;
}

摆脱div！

Answer 2

如果您使用的是Bootstrap Studio 4，则可以通过禁用“导航栏”选项上的“截断”选项来解决下拉菜单隐藏的问题，如果这样做，则会显示下拉菜单立即查看您网站的内容！

内容背后的Bootstrap-4导航栏下拉菜单

2 个答案: