无法居中对齐菜单bootstrap3

Question

我正在设计一个网站，即website我使用了 Bootstrap 3 示例布局来启动并在另一个文件中添加了我自己的css。 但我无法将Navbar居中对齐。我已尝试col-md-10＆amp; col-md-offset。还尝试将col-centered css添加到margin-left:auto;＆amp; margin-right:auto。但无法做到正确。

请帮忙。

Answer 1

更改HTML

<div style="width:100%; padding-left:0; padding-right:0;" class="container">

到

<div class="container">

<强> CSS

#navbar-wrapper {
  background: #BECAD5;
}

.navbar {
  border: 0 none;
  width: 80%;
  margin: 0 auto;
}

PS：我看到你的代码存在很多不一致之处。请纠正它们。上述解决方案基于黑客攻击代码。如果您的代码更有条理，那可能会更简单。

Answer 2

使用bootstrap类

.center-block

到你想要对齐的任何东西。