中心引导程序导航栏链接

Question

我正在使用bootstrap导航栏。但是我无法将所有链接集中到中间。

我试过了

ArrayList

和我的示例Codepen点击链接后，您可以看到链接仍然向左浮动。

  

问题如何将链接集中到页面中间位置   bootstrap和css

CSS

.navbar-nav {
    float: none;
    /*float: none !important;*/
    text-align: center;
    margin: 0 auto;
    text-align: center;
}

Answer 1

替换float:left以在.navbar-nav>li

中显示：inline-block

例如

.navbar-nav>li {
    float: none;
    display: inline-block;
}

Answer 2

工作演示：Codepen

cursor: pointer

Answer 3

试试这个：

.dropdown-menu li{
      text-align = "center";
}