Boostrap垂直對齊按鈕，但不是響應的內容

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-高度-MD）。這個類爲所有的列提供了一個固定的高度。

2. 不得不插入進一步<div>裏面能夠復位位置相對

這裏是小提琴：

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