當col-lg-6有兩個div時，我該如何解決帶有Boostrap模型的奇怪線？

我有一個助推器模型，當有兩個div-col-lg-6時，我看到一條奇怪的線。你能告訴我爲什麼，並幫我解決它嗎？當col-lg-6有兩個div時，我該如何解決帶有Boostrap模型的奇怪線？

這是下圖紅色箭頭在型號代碼

 <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Create</h4> 
     </div> 
     <form method="post" id="insert_form"> 
      <div class="modal-body"> 
       <div class="col-lg-6"> 
        <div class="form-group"> 
         <label for="Code">Code</label> 
         <input type="text" class="form-control" id="Code" name="Code" /> 
        </div> 
        <div class="form-group"> 
         <label for="Name">Name</label> 
         <input type="text" class="form-control" id="Name" name="Name" /> 
        </div> 
       </div> 
       <div class="col-lg-6"> 
        <div class="form-group"> 
         <label for="CanSale">Sale</label> 
         <input type="text" class="form-control" id="CanSale" name="CanSale" /> 
        </div> 

        <div class="form-group"> 
         <label for="Barcode">Barcode</label> 
         <input type="text" class="form-control" id="Barcode" name="Barcode" /> 
        </div> 
        <div class="form-group"> 
         <label for="Code">Descriptoin</label> 
         <input type="text" class="form-control" id="Description" name="Description" /> 
        </div> 
       </div> 
      </div> 
      <div class="modal-footer"> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
       <input type="submit" name="insert" id="insert" value="Insert" class="btn btn-success" /> 
      </div> 
     </form> 
    </div>

表明，我講的是怪異的線路。請幫我修復它。

來源

2017-10-08 Steve Jobs

我忘記將「關口」的div內<div class="row">.

我把它固定築巢「col-lg-6"的div內<div class="row"> </div>

來源

2017-10-08 09:30:55

當col-lg-6有兩個div時，我該如何解決帶有Boostrap模型的奇怪線？

回答

相關問題