html - 导航栏颜色不是全宽

Question

我正在尝试创建一个全宽导航栏，但它没有全宽。

这是导航的 CSS 的一部分：

这是它的外观：

标签： htmlcsswidthnavbarnav

Answer 1

好的，所以我能够解决您的问题。您在 html 中使用引导程序。Bootstrap 有一个带有“容器”类的元素，它有一个媒体查询 min-width: 1200px 将容器类的最大宽度设置为 1140px。这就是为什么你的导航栏不能超过 1140 像素。

要解决这个问题，最好的方法是简单地将你的容器类更改为 .my-container 或类似的东西。

这是一个例子：

HTML

<div class="my-container"> 
    <nav>navbar with 100% width...</nav>
</div>

CSS

.my-container {
    width:100%;
}
nav {
    width:100%;
}

这将解决您的问题。