引導網格和用於更然後7按鈕字段的字段爲7個字段或者多個

Question

我使用下面的代碼列散射

<div class="panel-body"> 
       <div class="row"> 
         <div class="col-xs-12 "> 
         <fieldset class="well well-sm"><legend class="k-widget">main part1</legend><br> 


          <div class="col-xs-12 col-sm-3"> 
           <label class="control-label" for="AppEducSclName">Name1: <field here >...... </div> 

同爲下一個7或更多個字段。

我以零星的方式得到我的領域意味着不內聯，我希望我的第一個四個領域的第一行，然後接下來的四個在第二個行，但...使用此代碼出現分散。

Answer 1

編輯： 我試圖修復你提供的代碼，它將4個表格連續放置，然後4個放在下一行等等（在移動屏幕上表格將被堆疊以適應屏幕）

看到這裏我的例子：https://jsfiddle.net/vvp5rey8/

下面是代碼：

<div class="panel-body"> 
<div class="row"> 
<div class="col-xs-12 "> 

<fieldset class="well well-sm"><legend class="k-widget">main part1</legend> <br> 

<div class="col-xs-12 col-sm-3"> 
<label class="control-label" for="AppEducSclName"> 
Name1: <field here >...... 
</div> 

<div class="col-xs-12 col-sm-3"> 
<label class="control-label" for="AppEducSclName"> 
Name2: <field here >...... 
</div> 

<div class="col-xs-12 col-sm-3"> 
<label class="control-label" for="AppEducSclName"> 
Name3: <field here >...... 
</div> 

<div class="col-xs-12 col-sm-3"> 
<label class="control-label" for="AppEducSclName"> 
Name4: <field here >...... 
</div> 

<div class="col-xs-12 col-sm-3"> 
<label class="control-label" for="AppEducSclName"> 
Name5: <field here >...... 
</div> 

<div class="col-xs-12 col-sm-3"> 
<label class="control-label" for="AppEducSclName"> 
Name6: <field here >...... 
</div> 

<div class="col-xs-12 col-sm-3"> 
<label class="control-label" for="AppEducSclName"> 
Name7: <field here >...... 
</div> 

<div class="col-xs-12 col-sm-3"> 
<label class="control-label" for="AppEducSclName"> 
Name8: <field here >...... 
</div> 


</div> 
</div> 
</div> 

這就是你想要的？