如何放置的div互相下面沒有大的空間

放置對方下方的div沒有大的空間

HTML代碼：

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

下面的圖像，會解釋這個問題我臉

我不需要在圓內的空間，我可以做什麼使下方的div沒有空間？謝謝

來源

2017-07-15 Saif Obeidat

你的HTML結構不會允許你這樣做。你需要重新考慮它。 – dfsq

沒有風格！我正在使用引導網格 –

您可以按照這種方式在引導程序中安排div，以滿足您的要求。

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

來源

2017-07-15 10:36:47

這種方式不會與我合作，因爲內容是動態的..有沒有另一種方式？ –

如何放置的div互相下面沒有大的空間

回答

相關問題