在按钮3中将按钮元素对齐div的底部

时间:2013-11-13 00:50:03

标签: jquery css3 twitter-bootstrap twitter-bootstrap-3

我有一个php页面,它从mysql数据库中提取数据,并根据数据库内容生成一个引导网格,相当标准的东西。我有一个标题,图标,描述和链接,我需要输出到网格3宽

缺少代码就是这个

<div class="col-lg-4 col-md-4">
  <h2 class="text-center"><?php echo $row['title'] ?></h2>
  <img src="<?php echo $row['icon']; ?>" width="64" height="64" class="icons">
  <p><?php echo $row['description'] ?></p>
  <p><a class="btn btn-info btn-lg btn-block" href="<?php echo $row['link'] ?>" target="_blank">Download <?php echo $row['title'] ?></a></p>
 </div>

由于描述可以是2行或20行,我希望能够做的是根据该行中最长的描述将按钮对齐到div的底部。

我找到了一些选项,但它们都涉及在类上手动设置高度,这对于那些描述比其他行更短的行看起来很奇怪。它还搞砸了响应式设计,这是该网站的最终目标

我假设我必须使用jQuery与一些CSS混合来做到这一点,但努力找出最好的方法。

网站是一个内部网站,因此我无法直接链接到整个网站,但很高兴在需要时提供更多代码段

由于

1 个答案:

答案 0 :(得分:0)

使用按钮的相对定位,如:

p a.btn {
  position: relative;
  bottom:5px;
}

未经测试但可能有帮助。