Question

我正在尝试将导航栏置于我初创公司网站的新版本中心。新版本隐藏在http://www.pintsteinpro.com/alternateMain.html。如果您点击任何链接，您将被带到我的主网站，并且没有链接将您重定向到隐藏的网站。

我正在使用binarytheme.com的网页设计，可在此处找到：http://binarytheme.com/bootstrap-background-slideshow-template-vega/

我找到了控制文本的代码部分：

.nav a {
    color:#ffffff !important;

但是插入CSS以使文本居中的数量似乎无效。我试过了：

text-align:center;
margin: 0 auto;
position:absolute;
left:50%;top:0;

我还尝试修改.navbar-header a以使文本居中，但没有运气。

此部分控制背景颜色，并在nav内插入各种居中代码也无效。

nav {
    background: #fff;
    z-index:99;
}
.fixed {
    position: fixed; 
    top: 0; 
    min-height: 50px; 
    z-index: 99;
}

关于我接下来应该尝试什么的任何想法？

Answer 1

您可以将margin: 0 auto与指定的width属性一起使用，以使您的div居中，例如

.navbar-nav {
  margin: 0 auto;
  width: 700px;
}

请注意，我已删除float: left

Answer 2

将text-align: center设置为：

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
   border-color: #101010;
   text-align: center;
}

display: inline-block来：

.navbar-nav{
  margin: 0;
  display: inline-block;
}

我删除了float: left

Answer 3

做简单的步骤。