垂直對齊列表引導程序

我使用Bootstrap來創建多個列表，並且我的列表具有各種大小。我想強制它們粘在上一行的列表中，如圖片上的「Chapitre 7」，而不考慮大小。有人知道該怎麼做嗎？ vertical-align doesn'works ...
我的代碼：
<div class="row"> <ul class="col-md-4"></ul> <ul class="col-md-4"></ul> <ul class="col-md-4"></ul> <ul class="col-md-4"></ul> <ul class="col-md-4"></ul> </div>
而<ul>都具有各種大小垂直對齊列表引導程序

編輯：
解決每三個集團一<div class="clearfix"><\div>！

來源

2017-02-25 BDeliers

嗨，你需要發佈一些複製問題的代碼，以便我們有一個[mcve]我們可以爲你工作和解決。 –

只是做到了，對不起！ – BDeliers

每3個col- *使用一個[響應重置]（http://getbootstrap.com/css/#grid-responsive-resets）（AKA clearfix）http://www.codeply.com/go/G4JG4GUSbY – ZimSystem

如果我理解正確，你希望你的列表只顯示在另一個下面？（而不是並排？）

如果是的話，儘量在每一個<ul> 這迫使下一個元素是在一個新的線（在以前的一個）

哚

的末尾添加一個 <br>

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

來源

2017-02-25 18:03:19 Shtut

問題是兩列之間的垂直空虛 – BDeliers

垂直對齊列表引導程序

回答

相關問題