Bootstrap垂直对齐按钮，但不响应响应的内容

Question

我有3个列使用boostrap，每个列都有一些甚至不高的文本内容，问题是我希望按钮在每列的底部水平对齐。

很容易创建另一个boostrap .row以使它们对齐但是这没有响应，一旦屏幕宽度缩小，3列将移动到垂直列表，所有按钮将在3列之后。

我在这里有一些示例代码：

http://www.bootply.com/rA0yeogpQc#

因此，由于响应，按钮必须位于内容容器中。

我尝试了一些不同的东西，但似乎我的解决方案不能使用boostrap或有响应问题，希望找到一个适用于所有人的解决方案！

谢谢！

Answer 1

在您的示例中，使用了col-md-4类，这意味着如果您将屏幕缩小到中等屏幕尺寸，即iPad或平板电脑，它将启动响应。

为了确保它不会启动响应行为，您应该使用 col-xs-4 而不是 col-md-4 ，它将无法启动响应，直到超小屏幕尺寸即。手机屏幕

我还更正了你的代码

http://www.bootply.com/Cww3x84W62

希望这对你有用。

Answer 2

我有类似的问题。不能说它已经完全解决但它确实有效。查看HTML评论以查看警告。

简而言之：

1. 我在列中添加了一个新类（col-height-md）。此类为所有列提供固定的高度。

2. 必须在内部插入另一个<div>才能将位置重置为亲戚

这是小提琴：

http://jsfiddle.net/andrejmarinic/346txu9n/