2016-11-27 48 views
0

嗨我已經看過所有Google的搜索結果,因此無法找到解決方案。我如何將輸入組與輸入組一起在引導程序中加入表單組3

我想要做的是將輸入組與我所有其他的窗體組對齊。每次我使用輸入組時,它都會像填充一樣添加到輸入組中。

我已經試過幾乎所有的答案,我已經在這裏找到:

padding:0px !important; 
margin:0px !important; 
float: left !important; 

似乎沒有任何工作!

代碼:

<div class="col-md-6"> 
       <div class="form-group"> 
        <input id="est_mileage" name="est_mileage" type="text" placeholder="Estimated Mileage" autocomplete="off" class="form-control input-md"/> 
       </div> 
       <!--Padding Issue is Here--> 
       <div class="input-group" style="padding:0px !important; margin:0px !important; float:left; width:100%;"> 
        <span class="input-group-addon" style="width: 45px;"> 
        <input value="1" type="checkbox" id="combinedSelector" name="one_off" /> 
        </span> 
       <input id="acc_mileage" name="acc_mileage" type="text" placeholder="Actual Mileage" autocomplete="off" class="form-control"/> 
       </div> 
       <!--End Issue--> 
       <div class="form-group"> 
        <input id="fuel" name="fuel" type="text" placeholder="Fuel(ltrs)" autocomplete="off" class="form-control input-md"/> 
       </div> 
       <div class="form-group"> 
        <input id="price" name="price" type="text" placeholder="Price" autocomplete="off" class="form-control input-md" /> 
       </div> 
       <div class="form-group"> 
        <input id="cwt_dwt" name="cwt_dwt" type="text" placeholder="CWT & DWT" autocomplete="off" class="form-control input-md" /> 
       </div> 
      </div> 
      <div class="col-md-6"> 
       <div class="form-group"> 
        <input id="def_ser_num" name="def_ser_num" type="text" placeholder="Defect Serial Number" autocomplete="off" class="form-control input-md" /> 
       </div> 
       <div class="form-group"> 
        <input required id="product_volume" name="product_volume" type="text" placeholder="Product Volume" autocomplete="off" class="form-control input-md" /> 
       </div> 
       <div class="form-group"> 
        <input id="ref_po" name="ref_po" type="text" placeholder="Ref/PO" autocomplete="off" class="form-control input-md" /> 
       </div> 
       <div class="form-group"> 
        <input id="comments" name="comments" type="text" placeholder="Job Specifics" autocomplete="off" class="form-control input-md" /> 
       </div> 
       <div class="form-group"> 
        <input id="billing_com" name="billing_com" type="text" placeholder="Billing Info" autocomplete="off" class="form-control input-md" /> 
       </div> 
       <div class="form-group"> 
        <input id="iss_rep" name="iss_rep" type="text" placeholder="Issues/Repairs" autocomplete="off" class="form-control input-md" /> 
       </div> 
      </div> 

這種形式嵌套在崩潰股利和是在一個模態圖。

這是結果: Padding Issue Image

回答

3

你要添加的類別形式組輸入組類股利和刪除樣式:padding:0px !important; margin:0px !important; float:left;

,這將使它類似於其他形式的羣體

See Demo Here

+0

那工作!很簡單,不知道我錯過了那一個。謝謝 –

+0

我很高興它幫助:) – Chiller