我使用Bootstrap创建了许多列表,我的列表有各种不同的大小。
我想强迫他们坚持上一行的名单,比如" Chapitre 7"在图片上,无需考虑大小。有人知道怎么做吗? vertical-align
不起作用......
我的代码:
<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>
!
答案 0 :(得分:0)
如果我理解正确,您希望您的列表只显示一个在另一个之下吗? (而不是并排?)
如果是,请尝试在每个<br>
的末尾添加<ul>
这会强制下一个元素处于一个新行(在前一个行之下)
即 -
<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>