引導4：<a href="https://i.stack.imgur.com/ONfON.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ONfON.png" alt="enter image description here"></a></p> <p>用下面的HTML我只能顯示前兩個UL的「：在移動

Question

我試圖把下面的佈局（臺式機）

這個靈活的移動列順序塊內「，而不是圖標div或通訊div。我想這個問題從第二個ul底部的LORAE IPSUM帽開始，但我不知道如何解決它。我已經嘗試了幾種解決方案，但是我更加困惑......有人可以幫助我做到這一點嗎？謝謝，我很喜歡使用bootstrap。代碼：

<div class="row"> 
      <div class="col-6 col-md-2"> 
       <h6>LORA IPSUM</h6> 
       <ul > 

        <li>Lorae Ipsum</li> 
        <li>Lorae Ipsum</li> 
        <li>Lorae Ipsum</li> 


       </ul> 

      </div> 
      <div class="col-6 col-md-2"> 
       <h6>LORAE IPSUM</h6> 
       <ul > 

        <li>Lorae Ipsum</li> 
        <li>Lorae Ipsum</li> 
        <li>Lorae Ipsum</li> 
        <li style="height:30px;"></li>    
        </ul> 


       <h6>LORAE IPSUM</h6> 
       <h6>LORAE IPSUM</h6> 
      </div> 
      <div class="col-6 col-md-2 "> 

        <h6>LORAE IPSUM</h6> 
        <h6>LORAE IPSUM</h6> 
        <h6>LORAE IPSUM</h6> 
        <h6>LORAE IPSUM</h6> 



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

       <div class="row"> 
        <div class="col-6 col-md-6 "> 
         <h6>LORAE IPSUM</h6> 
         <a> 
         <img class="img-fluid" 
src="http://via.placeholder.com/40x40"> 
         </a> 
         <a> 
         <img class="img-fluid" src="http://via.placeholder.com/40x40"> 
         </a> 
         <a> 
         <img class="img-fluid" src="http://via.placeholder.com/40x40"> 
         </a> 
         <a> 
          <img class="img-fluid" src="http://via.placeholder.com/40x40"> 
         </a> 
         <a> 
         <img class="img-fluid" src="http://via.placeholder.com/40x40"> 
         </a> 

        </div> 

        <div class="col-6 col-md-6 "> 
         <h6>NEWSLETTER</h6> 
          <div class="row"> 
           <div class="col-12"> 
            <button>Subscribe</button> 
           </div> 
          </div> 
         <div class="row" style="height:50px;">        
          </div> 
         <div class="row "> 
           <div class="col-12 part"> 
             <a> 
            <img class="img-fluid" src="http://via.placeholder.com/100x30"> 
            </a> 
           </div> 
          </div> 
         <div class="row "> 
           <div class="col-12 part"> 
            <a> 
            <img class="img-fluid" src="http://via.placeholder.com/100x30"> 
            </a> 
           </div> 
          </div> 
        </div> 


       </div> 



      </div> 
     </div> 

Answer 1

我相信你所要求的是「有沒有從細胞到細胞的引導電網類似的InDesign內的方式在流動文本？」

我從來沒有遇到過這樣的事情。 Bootstrap將網格中的單元格移動，而不是真正關心它中的內容。我想到的第一件事就是text-overflow，但這可能與您正在尋找的東西完全相反。