col-lg中的SVG图像中心，但不是bootstrap4中的col-xs

Question

我想我的SVG图像应该在col-lg的右边，但是在boottrap4中以col-xs（移动版本）为中心。

这是我写的代码。

<div class="container-fluid">
<div style="border:1px solid #cc0000;" class="col-lg-6 col-sm-12 float-left text-lg-right text-sm-center"><img src="nps-icon.svg" alt="Net Promoter Score" width="175" height="150" /></div>
<div style="border:1px solid #cc0000;" class="col-lg-6 col-sm-12 float-left text-lg-right"><img src="nps-icon.svg" alt="Net Promoter Score" width="175" height="150" /></div>
</div>

Answer 1

只需添加text-sm-center

即可

<div class="container-fluid">
    <div style="border:1px solid #cc0000;" class="col-lg-6 col-sm-12 float-left text-lg-right text-sm-center"><img src="https://upload.wikimedia.org/wikipedia/commons/6/67/Firefox_Logo%2C_2017.svg" alt="Net Promoter Score" width="175" height="150" /></div>
    <div style="border:1px solid #cc0000;" class="col-lg-6 col-sm-12 float-left text-lg-right text-sm-center"><img src="https://upload.wikimedia.org/wikipedia/commons/6/67/Firefox_Logo%2C_2017.svg" alt="Net Promoter Score" width="175" height="150" /></div>
</div>

https://www.codeply.com/go/Pai1Qzexec