Twitter bootstrap水平中间对齐容器

Question

我遇到问题集中我的容器。

<div class="row centered-form center-block">
    <div class="container col-md-10">
        <ul class="nav nav-tabs" id="projectTabs">
            <li role="presentation" class="active"><a href="#tab1" data-toggle="tab">Tab1</a></li>
            <li role="presentation"><a href="#Tab2" data-toggle="tab">Tab2</a></li>
        </ul>
    </div>
</div>

主行的中心宽度约为65％，但包含导航标签的容器会在此主行中留下。

提前谢谢。

Answer 1

使用col-md-offset-1类将容器移向中心。 Bootstrap使用12列布局系统，因此col-md-10使您的container 10列宽，但它从左侧开始。使用偏移将元素向右推动指示的数量，因此col-md-offset-1将其向右移动1列。

<div class="row centered-form center-block">
    <div class="container col-md-10 col-md-offset-1">
        ...
    </div>
</div>