我想水平对齐图像,但它们看起来是垂直的。我的错在哪里?
<div class="col-1 text-right pt-4">
<div class="row d-block">
<a href="" target="_blank">
<img src="{{ asset('img/icons/yyy.svg') }}" class="img-fluid" alt="">
</a>
<a href="" target="_blank">
<img src="{{ asset('img/icons/yyy.svg') }}" class="img-fluid" alt="">
</a>
<a href="" target="_blank">
<img src="{{ asset('img/icons/xxx.svg') }}" class="img-fluid" alt="">
</a>
<a href="" target="_blank">
<img src="{{ asset('img/icons/xxx.svg') }}" class="img-fluid" alt="">
</a>
</div>
</div>
您将类“D-Block”添加到Links>Images的父类,这是一个问题。在bootstrap中。row=display:flex(行中默认呈现元素)。