调整div的大小，并使用引导程序对其进行居中

Question

我有一个由边框包的表单，现在所有的表单字段都填充了字段集的宽度。我需要一些文本字段更短和中心。现在我只能用头-md-10来缩短它们的长度，但是我不知道如何把它们集中起来，它们与左边保持一致。

下面是这些字段的样子

<div class="form-group">
<label for="planner" class="control-label">form.planner *</label>
<input class="form-control" id="planner" name="planner" type="text">

​

除了表单组之外，我还尝试添加"col-md-10中间块“，但这没有帮助，我还尝试了几个组合使用span和偏移，但没有运气。

下面的图片显示了我所拥有的和我想要的，我该如何做？

​

并不是所有字段都必须调整大小，表单继续在显示字段下面，其他一些字段必须像现在一样适合字段集的宽度。

Answer 1

使用col-md-10，添加类col-md-offset-1来对col-md-10元素进行居中。如下所示：

<div class="row">
    <div class="col-md-10 col-md-offset-1">
       I'm centered!!
    </div>
</div>

偏移量类通过类名上的计数来偏移元素，因此对于12列网格，要将10 col元素的中心移动到1上，就可以使用col-md-offset-1类。

例如，要对col-md-6元素进行中心设置，可以使用col-md-offset-3类将其偏移为3列。

Answer 2

您可以使用col-md-offset-x，也可以使用col-md-x类向div添加另一个类，然后给出这些属性。

.center{
 float:none;
 margin-left:auto;
 margin-right:auto;
}