Bootstrap - 使按钮与不等量的文本对齐并使用matchHeight.js

时间:2017-08-03 14:20:25

标签: jquery html css twitter-bootstrap twitter-bootstrap-3

在这里小提琴:https://jsfiddle.net/8y1sgo58/

我使用的是Bootstrap 3和Match height插件。这让我可以创建相同的高度框:

enter image description here

但我希望按钮(标记为" Link")水平显示在同一位置。

如何在我的框内显示不等数量的内容,如图所示?

我尝试再次应用Match Height - 内容所在的位置,例如

<div class="home-box-text match-height">

但这并不能解决问题。我该如何解决这个问题?

3 个答案:

答案 0 :(得分:1)

在包含框描述的每个<p>标记上,我添加了一个类.text-container,然后在该类上使用匹配高度JQuery插件,这似乎有用。

小提琴here

答案 1 :(得分:0)

我只会在min-height: 80px;标记上添加<p>。 请注意确定它是最好的方法还是一种好的做法,但它确实有效。

JSFIDDLE

答案 2 :(得分:-1)

给按钮位置:绝对;可能它会起作用。