Bootstrap網格不能在動態列上工作

我在while循環中有一些數據，它正在col-md-12內部生成數據，但它不像它應該的那樣工作。Bootstrap網格不能在動態列上工作

<div class="row"> 
while(...) { 
<div class="col-md-4"> 
... 
</div> 
} 
</div>

輸出是一樣的東西

 <div class="row"> 
     <div class="col-md-4"> 
     .. 
     </div> 
     <div class="col-md-4"> 
     .. 

    </div> 
    <div class="col-md-4"> 
    .. 
    </div> 
    <div class="col-md-4"> 
    .. 
    </div> 
    <div class="col-md-4"> 
.. 
</div> 
</div>

我不能把行while循環另有3欄不會出現。任何解決這個問題的方法？

感謝

來源

2017-02-28 Phoenix

請說明您是否正在使用'col-md-4'，如圖片或col-md-12所示？ – ZimSystem

抱歉，我的意思是col-md-4 – Phoenix

網格工作正常。它的CSS搞亂了。你需要將這些div的內容互相同步，比如只使用兩行或只使用三行。如果你有隨機內容來自數據庫，我認爲它的情況比使用substr（）函數只顯示固定的字符說60-80個字符。 –

引導列在這裏工作。但這是另一個問題。

有'浮動：左';'在Bootstrap列中。這就是爲什麼把你的盒子放在同一高度非常重要。

所以只要確認所有盒子的高度是相同的，你的問題將得到解決。

來源

2017-02-28 05:27:10 Rifat

他們不是內容，他們是動態生成的。如何使其高度相同？ – Phoenix

在框中，標題標記和p標記的高度可能會有所不同。所以使用 - h2 {height：您的選擇; 溢出：隱藏; } p高度：您的選擇; 溢出：隱藏; } – Rifat

Bootstrap網格不能在動態列上工作

回答

相關問題