我想我的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>
答案 0 :(得分:0)
只需添加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>