如何放置的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互相下面没有大的空间

回答

相关问题