2017-10-08 1 views
0

Ich habe ein Boostrap-Modell, ich sehe eine komische Linie darin, wenn ich zwei Divs mit Col-lg-6 habe. Kannst du mir bitte sagen warum und hilf mir es zu reparieren?Wie kann ich diese seltsame Linie beheben, die mit Boostrap-Modell kommt, wenn ich zwei div mit Col-lg-6 habe?

Dies ist das Modell Code

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

Bild unten rote Pfeile zeigt die seltsame Linie, die ich reden werde. Bitte hilf mir, es zu beheben. enter image description here

Antwort

0

ich vergessen "col" divs zu platzieren innen <div class="row">.

ich es durch Verschachtelung "col-lg-6" divs innerhalb <div class="row"> </div>

fixiert wurde
Verwandte Themen