我正在为网站使用 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
最佳答案
如果我是你,我会坚持使用这里的脚手架,它保持响应、干净并与预期的 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>
关于html - 容器中的 Twitter Bootstrap 内容未居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21044400/