Html 用菜单横向填充页面

所以，我有这个菜单：

如何使菜单水平填充整个页面？我是否使用了错误的引导类？它只填充了页面的一部分。有人能教我在这里做什么吗

ul{
列表样式类型：无；
边框底部样式：实心；
边框底色：绿色；
位置：相对位置；
}
李{
显示：内联；
填充：30px；
}
#菜单a{
颜色：黑色；
}
#菜单a：悬停{
颜色：绿色；
字号：700；
文字装饰：无；
边框底部样式：实心；
边框底色：绿色；
边框底宽：6px；
边界半径：4px；
}

您可以使用下面的代码将导航栏标题的宽度设置为100%，以使varbar水平覆盖整个长度，但这不会完善导航栏的功能

.navbar-header{
  width:100%
  }

原因是，它确实看起来像是一个引导3导航条，你正试图使用引导4，这就是为什么它不工作。BS3和BS4之间的类不同

---

查看如何实现bootstrap 4导航栏的示例。

我不是bootstrap方面的专家，我不知道该类用于做什么，但如果我删除div元素：

它在我的浏览器中工作

使用Chromes Developer工具，您可以找到这样的bug （Ctrl+Shift+I或Ctrl+Shift+C可直接使用图元检查器）

也许您可以添加

style=“text align:justify”

标记的包装div上的code>，动态设置菜单项之间的空格

希望对你有帮助