css - 在 2 列 Bootstrap 行中，如何使右列(具有背景图像)始终与左列大小相同？

Question

我的 Bootstrap 页面以一行两列开始。第一列中有一些大小不同的文本内容。右栏将有一个背景图像，并且该栏中的文本将始终具有相同的大小。我希望右列始终拉伸(stretch)到与左列相同的高度，并且当用户调整窗口大小时右列成为左列下方的自己的行时也拉伸(stretch)。请问怎么办？

Answer 1

如果您使用的是 Bootstrap 3 而不想使用 flexbox 或 Bootstrap 4，请看这里:

http://www.minimit.com/articles/solutions-tutorials/bootstrap-3-responsive-columns-of-same-height

它非常健壮，只需为行和所需的列添加类(我通常使用 row-md-height 和 col-md-height，对于智能手机通常不需要。