当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> 

表明,我讲的是怪异的线路。请帮我修复它。 enter image description here

我忘记将“关口”的div内<div class="row">.

我把它固定筑巢“col-lg-6"的div内<div class="row"> </div>