Bootstrap-如何以不同的对齐方式对齐 5 个图像? [英] Bootstrap- how to align 5 images in different alignment?
问题描述
我为视图创建了一个布局,我想在下面以这种方式排列我的图像:[![在此处输入图片描述][1]][1]
我创建了我的对齐方式并计划使用一行包含两列但到目前为止我左上角的两张图片和下面的一张相距很远,我无法让它看起来像图像.右边的两张图片也是隔开的.
下面是我的代码:
<div class="row"><div class="col-lg-4 col-md-4 col-sm-7 col-xs-7 d-flex"><div class="容器"><img src="{{asset('/images/Home_Bed.jpg')}}" alt="" style="margin-top:100px; margin-left:20px;"/><div class="text-block"><h4>自然</h4><p>多么美丽的日出</p>
<div class="col-lg-3 col-md-3 col-sm-5 col-xs-5"><img src="{{asset('/images/Home_Pillow.jpg')}}" alt="" style="margin-top:100px; height:55%"/>