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您的container10列宽,但它从左侧开始.使用偏移将元素向右推动指示的量,因此col-md-offset-1将其向右移动1列.

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