【问题标题】:Unable to center align menu bootstrap3无法居中对齐菜单 bootstrap3
【发布时间】:2015-09-15 05:17:22
【问题描述】:

我正在设计一个网站,即website 我已经使用 Bootstrap 3 示例布局开始并在另一个文件中添加了我自己的 css。 但我无法将导航栏居中对齐。我尝试过col-md-10 和col-md-offset。还尝试使用margin-left:auto; 和margin-right:auto 添加col-centered css。但无法正确处理。

请帮忙。

【问题讨论】:

标签: html css twitter-bootstrap


【解决方案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:我看到你的代码有很多不一致的地方。请纠正他们。上述解决方案基于破解代码。如果您的代码更有条理,它可能会简单得多。

【讨论】:

  • 感谢您的回答。因为这是我从头开始的第一个网站设计。所以会有矛盾。我会努力改进的。
【解决方案2】:

使用引导类

.center-block

到任何你想居中对齐的地方。

【讨论】:

  • 你在哪个元素上使用了它?您可以发布您的代码或有效的网址吗?上面的链接坏了。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-11-13
  • 2012-01-29
  • 1970-01-01
  • 2014-03-25
  • 1970-01-01
相关资源
最近更新 更多