Bootstrap 3：表格標籤的位置取決於主列

Question

我在引導程序中設計了一個模塊，我想根據主列的寬度將表格的位置放在表單中。使用col-sm-*，col-md-*等位置（作爲大小的結果）取決於屏幕寬度，而不是主人的寬度。有沒有辦法做到這一點？

例如：

<div class="form-group"> 
    <label class="col-xs-12 col-sm-6 col-md-2 control-label" for="MyId">Label</label> 
    <div class="col-xs-12 col-sm-6 col-md-8"> 
     <input id="MyId" name="MyName" type="text" placeholder="Placeholder" class="form-control input-md" value=""></div> 
    </div> 
</div> 

行爲不上的所有屏幕尺寸不錯，但如果我包括這部分在一個盒子裏它有標籤沒有足夠的空間，因此它不把上面的輸入字段標籤。

是否還有其他可能性：「將col-md-2和col-md-8均更改爲col-md-12」？這是因爲，比在大框中標籤不在輸入字段的前面。我正在尋找一種替代方案，我可以在小型和大型框中使用具有不同行爲的表單組相同的代碼。

預先感謝您！

Answer 1

使用col-md-offset-2：

<div class="form-group"> 
     <label class="col-xs-12 col-sm-6 col-md-2 col-md-offset-2 control-label " for="MyId">Label</label> 
    <div class="col-xs-12 col-sm-6 col-md-8"> 
     <input id="MyId" name="MyName" type="text" placeholder="Placeholder" class="form-control input-md" value=""> 
    </div> 
</div> 

您也可以對齊標籤文本horisontally：text-right或text-left或text-center