我有 3 列使用 boostrap,每列都有一些高度不均匀的文本内容,问题是我希望按钮在每列的底部相互水平对齐。
很容易创建另一个 boostrap .row 来使它们对齐,但这不是响应式的,一旦屏幕宽度缩小,3 列将移动到垂直列表中,所有按钮将位于 3 列之后。
我这里有一些示例代码:
http://www.bootply.com/rA0yeogpQc#
因此,由于响应式,按钮必须位于内容容器内。
我尝试了一些不同的方法,但似乎我的解决方案不适用于 boostrap 或存在响应问题,希望找到适用于所有人的解决方案!
谢谢!
最佳答案
这里在您的示例中使用了 col-md-4 类,这意味着如果您将屏幕缩小到超过中等屏幕尺寸,即 iPad 或平板电脑,它将开始响应。
要确保它不会开始响应行为,你应该使用 col-xs-4 而不是 col-md-4,它不会开始响应直到超小屏幕尺寸即。手机屏幕
我也修改了你的代码
http://www.bootply.com/Cww3x84W62
希望这对你有用。
关于html - Bootstrap 垂直对齐按钮但不是响应内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25589756/