【问题标题】:Vertical align list bootstrap [duplicate]垂直对齐列表引导程序[重复]
【发布时间】:2017-07-16 12:08:09
【问题描述】:

我正在使用 Bootstrap 制作许多列表,并且我的列表有各种大小。 我想强迫它们被贴在上一行的列表下,比如图片上的“第 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>
&lt;ul&gt; 有各种尺寸

编辑:
每三个集团使用&lt;div class="clearfix"&gt;&lt;\div&gt; 解决!

【问题讨论】:

标签: css twitter-bootstrap


【解决方案1】:

如果我理解正确,您希望您的列表显示在另一个之下吗? (而不是并排?)

如果是这样,请尝试在每个 &lt;ul&gt; 的末尾添加一个 &lt;br&gt; 这会强制下一个元素在一个新行中(在前一个下)

即-

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

【讨论】:

  • 问题是两列之间的垂直空白很大
猜你喜欢
  • 1970-01-01
  • 2018-02-15
  • 2018-07-18
  • 2016-05-05
  • 2018-11-17
  • 2018-06-29
  • 2017-08-25
  • 2015-03-01
  • 2015-10-27
相关资源
最近更新 更多