Wie die Divs ohne großen Raum untereinander platzieren

Question

Wie die divs ohne großen Raum untereinander platzieren mit Bootstrap

Html-Code:

<div class=""row> 
<div class="col-md-6"> 
<li>Item</li> 
<li>Item</li> 
<li>Item</li> 
<li>Item</li> 

</div> 

<div class="col-md-6"> 
<li>Item</li> 
<li>Item</li> 
<li>Item</li> 
<li>Item</li> 

</div> 



<div class="col-md-6"> 
<li>Item</li> 
<li>Item</li> 
<li>Item</li> 
<li>Item</li> 

</div> 


<div class="col-md-6"> 
<li>Item</li> 
<li>Item</li> 
<li>Item</li> 
<li>Item</li> 

</div> 


</div> 

Das folgende Bild, das Problem erklären i Gesicht

Ich brauche diesen Raum nicht innerhalb des Kreises, was könnte ich tun, um die divs untereinander ohne Raum zu machen? Danke

Answer 1

Sie können div auf diese Weise im Bootstrap ordnen, um Ihre Anforderung zu erfüllen.

<div class=""row> 
    <div class="col-md-6"> 
     <div class=""row> 
      <div class="col-md-12"> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
      </div> 
     </div> 
     <div class=""row> 
      <div class="col-md-12"> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
      </div> 
     </div> 
     <div class=""row> 
      <div class="col-md-12"> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
      </div> 
     </div> 
     </div> 
    </div> 
    <div class="col-md-6"> 
     <div class=""row> 
      <div class="col-md-12"> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
      </div> 
     </div> 
     <div class=""row> 
      <div class="col-md-12"> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
      </div> 
     </div> 
     <div class=""row> 
      <div class="col-md-12"> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
       <li>Item</li> 
      </div> 
     </div> 
    </div> 

</div>