html - 容器中的 Twitter Bootstrap 内容未居中

Question

我正在为网站使用 Twitter Bootstrap。我试图让内容居中。传统上我会简单地创建一个自定义的 .container 类，如下所示:

.container {
  width: 70%;
  max-width: 1024px;
  margin: 0 auto;
}

我试图手动覆盖此类，但似乎只有宽度有所不同。我像这样将内容放入容器中:

<div class="container>
  <div ng-view></div>
</div>    

容器本身居中。但是里面的内容似乎有左边距/填充。关于我应该如何构建我的 div 的任何想法？

更新我使用 Bootstrap v3.0.3

Answer 1

如果我是你，我会坚持使用这里的脚手架，它保持响应、干净并与预期的 Bootstrap HTML 的其余部分内联。我将在下面演示一个 Bootstrap 3.0.0 示例(因为您没有提到版本号)

<div class="container">
    <div class="row">
        <div ng-view class="col-xs-2"></div>
        <div ng-view class="col-xs-8 content">Centre</div>
        <div ng-view class="col-xs-2"></div>
    </div>
</div>

Bootply Demo