Html 在柱上设置相同的高度

Html 在柱上设置相同的高度,html,css,twitter-bootstrap-3,Html,Css,Twitter Bootstrap 3,我正在用bootstrap3生成一行2列。我正在为一家网店编程,那里有大约10万种产品,所以它还没有转换成BS4。因此,我不得不使用BS3。左栏将包含背景色和一些文本,而右栏将是一个图像 这就是行现在的样子: 大字标题 这里有一些文字 按钮 正如评论中所说,您的代码正在工作,因为您使用的是bootstrap 3,所以您可能希望为您的图像使用img responsive类,因为它具有较大的宽度。 P> >我把你的 COL-SM 3/和 CLS-SM-9类改为 XS >,你可以考虑将它们改为

我正在用bootstrap3生成一行2列。我正在为一家网店编程,那里有大约10万种产品,所以它还没有转换成BS4。因此,我不得不使用BS3。左栏将包含背景色和一些文本,而右栏将是一个图像

这就是行现在的样子:


大字标题
这里有一些文字

按钮
正如评论中所说,您的代码正在工作,因为您使用的是bootstrap 3,所以您可能希望为您的图像使用
img responsive
类,因为它具有较大的宽度。

<> P> >我把你的<代码> COL-SM 3/<代码>和<代码> CLS-SM-9<代码>类改为<代码> XS >,你可以考虑将它们改为<代码> MD < /C>或<代码> SM 。

静态模板
d-flex{
显示器:flex;
}
.图像容器{
背景尺寸:封面;
背景位置:中心;
}
这是一个静态模板,不涉及绑定器或绑定!
大字标题
这里有一些文字

按钮
这在codepen上对我有效,通过将sm改为md,它在本地对tooHey Singh有效。在我的计算机上,它看起来像这样:。所以这些柱子的高度不相等?谢谢你的评论。当我运行代码时,它看起来是这样的:。所以柱子上的高度不相等?非常感谢你的帮助。我明白你的意思,这张照片看起来很奇怪。我真的很想看看你关于设置背景尺寸的建议。你有时间做个例子吗?非常感谢你对沙巴齐的帮助。但是您必须在列上设置一个高度?不,如果您在容器上使用
display:flex
,则不需要为列设置高度,因为默认情况下列会拉伸