响应式引导导航栏中的中心内容

响应式引导导航栏中的中心内容

我认为这就是您想要的。您需要

float: left

从内部导航中删除，以使其居中并使其成为嵌入式块。

.navbar .navbar-nav {  display: inline-block;  float: none;  vertical-align: top;}.navbar .navbar-collapse {  text-align: center;}

编辑： 如果只希望在不折叠导航时发生此效果，请将其围绕在适当的媒体查询中。

@media (min-width: 768px) {    .navbar .navbar-nav {        display: inline-block;        float: none;        vertical-align: top;    }    .navbar .navbar-collapse {        text-align: center;    }}