垂直对齐列表引导程序

时间:2017-02-25 17:33:37

标签: css twitter-bootstrap

我使用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>具有各种尺寸

My Site

编辑:
解决了每三个集团<div class="clearfix"><\div>

1 个答案:

答案 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>