twitter-bootstrap - 如何将 justify-content-around 与 Bootstrap 4 导航栏一起使用?

标签 twitter-bootstrap bootstrap-4

我正在尝试弄清楚如何在 Bootstrap 4 中正确对齐导航栏项目。我可以使结果看起来正确,但只能使用“错误”标记来实现。我希望导航栏中的 5 个项目均匀分布在导航栏中。

示例如下:https://www.bootply.com/ggqjNmuq9H

最佳答案

justify-content-around只影响直系 child ,所以你应该把它放在你的<ul>上。确保您的<ul>还有w-100使宽度为 100%,否则您将看不到任何间距。

关于twitter-bootstrap - 如何将 justify-content-around 与 Bootstrap 4 导航栏一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46431041/

相关文章:

html - 如何更改 bootstrap 4 下拉颜色?

css - Bootstrap Accordion 水平(内联 block )- 崩溃问题

css - 使 ReactStrap/Bootstrap4 卡片在不同的列中具有相同的高度

reactjs - react js 项目中未出现 Bootstrap 图标

javascript - Bootstrap 弹出模式在我的网页上不起作用

javascript - 使用 Javascript 启用 Bootstrap 按钮

html - 带有右对齐字形的 Bootstrap 下拉菜单宽度

html - 更改 Bootstrap div 的堆栈顺序

java - Thymeleaf 不工作(th :fragment/th:replace) using bootstrap

javascript - Bootstrap 工具提示不会在 <a> 标签点击时隐藏