水平容器的物品對齊

Question

有沒有一種方法可以在不指定引導程序的列的情況下將容器的物品與引導技術水平對齊/堆疊。我想呈現一個接一個的項目，並且只有當不適合屏幕尺寸時，它應該從最後一個（最右邊）開始堆疊每個項目。 這裏就是我後：

<div> 
 
     <div> 
 
      <span class="">Some label</span> 
 
      <input type="button" value="Edit" /> 
 
      <input type="text" /> 
 
     </div> 
 
    </div>

這裏是我最初的引導版本不工作： https://jsfiddle.net/DTcHh/23713/

<div class="form-group"> 
 
     <div class="row"> 
 
      <span class="">Some Label</span> 
 
      <input type="button" value="Edit" class="btn btn-default" /> 
 
      <input type="text" class="form-control" /> 
 
     </div> 
 
    </div>

Answer 1

使用form-inline這樣的..

<div class="form-inline"> 
    <div class="form-group"> 
     <span class="">Some Label</span> 
     <input type="button" value="Edit" class="btn btn-default"> 
    </div> 
    <div class="form-group"> 
     <input type="text" class="form-control"> 
    </div> 
</div> 

http://bootply.com/ORId7643P4

Answer 2

使用網格佈局cl屁股。例如：col-md-*

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
    <div class="form-group"> 
 
    <label class="col-xs-3 control-label">Some Label</label> 
 
    <div class="col-xs-1"> 
 
     <input type="button" value="Edit" class="btn btn-default " /> 
 
    </div> 
 
    <div class="col-xs-7"> 
 
     <input type="text" class="form-control" /> 
 
    </div> 
 
    </div>