垂直对齐列表引导程序

我使用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

垂直对齐列表引导程序

回答

相关问题