提问者:小点点

如何水平显示图像


我想水平对齐图像,但它们看起来是垂直的。我的错在哪里?

 <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>                   

共1个答案

匿名用户

您将类“D-Block”添加到Links>Images的父类,这是一个问题。在bootstrap中。row=display:flex(行中默认呈现元素)。