1

所以我想让 bootstrap 3 navbars 链接合理/居中。我问这个社区为什么在应用.nav-justified它时会与.navbar-nav. 这两个不应该相互应用,因为

.nav-justifed 类将与 nav-tabs / nav-pills 一起使用(请参阅引导文档)而不是 nav-bar。这两个概念非常不同,不应混淆。

但是,您可以通过添加以下css来实现您正在寻找的效果:

.navbar-nav.nav-justified > li{ float:none; nav-justifiednow 与 navbar-nav 配合得很好:

他的建议效果很好,只是当我使用响应式导航栏时,它会在移动视图上折叠,链接在移动视图中保持水平对齐,而不是垂直列出。

我准备了一个小提琴,以防你有点困惑。

第一个导航栏没有.nav-justified应用它,因此在使用移动视图时它可以正常工作。但是链接没有居中,它们被拉到左边。

第二个导航栏确实有,.nav-justified所以链接居中,但是当使用移动视图时,链接仍然居中,并且不像第一个导航栏那样垂直列出。

你对如何解决这个问题有什么建议吗?

Jsfiddle在这里

4

0 回答 0