我正在努力,我将如何编码,以创建两个垂直的图像,是否有可能减少高度的较大的图像,而不减少宽度?因为我需要适合它在col-md-8任何想法?
这就是我需要的形象。
Click here
HTML和CSS代码:
第一个
上面的代码是我用来制作图像2和3旁边的大图像。大图像的尺寸是900 x767
我正在努力,我将如何编码,以创建两个垂直的图像,是否有可能减少高度的较大的图像,而不减少宽度?因为我需要适合它在col-md-8任何想法?
这就是我需要的形象。
Click here
HTML和CSS代码:
第一个
上面的代码是我用来制作图像2和3旁边的大图像。大图像的尺寸是900 x767
3条答案
按热度按时间qybjjes11#
您可以使用
flexbox
属性来达到您想要的效果,并将影像设定为背景。第一个
vbkedwbf2#
在Bootstrap 5中,可以使用d网格间隙x。例如:
第一个
mi7gmzs63#
您应该将代码格式设置为如下所示:
正如您所看到的
col-md-4
底部的两个图像,如果您扩展100%
宽度,下一个图像将下降到下面。你不应该有一个类名中同时包含
row
和col-md
的类。(请参见http://getbootstrap.com/css/)关于减少高度而不是宽度,你不能在画图或Photoshop上裁剪图像,并上传正确高度的图像吗?