如何水平显示图像

Question

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

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

Answer 1

你将"d-block“类添加到links>images的父类中，这是一个问题。在引导中，.row = display: flex(行中的默认渲染元素)。