調整div的大小並將其與引導居中

Question

我有一個由有邊框的字段集包裹的表單，現在所有表單字段都填充字段集的寬度。我需要一些文本域更短並居中。目前，我只能使用示例col-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中心區塊」，但沒」幫助，我也嘗試了幾種使用跨度和偏移的組合，但沒有運氣。

下圖顯示了我有什麼和我想要什麼，我該怎麼辦？

並非所有的字段都必須調整大小，表單會繼續顯示在所顯示的字段下方，其他字段的某些字段必須與現在的字段集寬度一致。

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; 
}