Bootstrap 4 如何对齐。向右拉可根据屏幕宽度对齐引导中的文本

如果屏幕是md，我想向右移动，如果xs我想在屏幕上居中，我可以这样做吗

我不知道我能做什么

enter code here

<div class="col-xs-12 col-md-4 box-header">
<h3 class="box-title">REPORT</h3>  
</div>  
<div class="col-xs-12 col-md-8  box-header col text-center">
<h4 class="box-title pull-center" >
<i class="glyphicon glyphicon-shopping-cart"></i><a href="#">CLICK TO REPORT</a>
</h4>
</div>

在此处输入代码
报告

---

如果屏幕是xs，我想要文本中心，如果不是，我想要看到右侧

您可以使用

d-flex

与

justify content center

和

justify content md end

类结合使用。还要注意的是，在引导程序4中没有应替换为

col-12

的

col-xs-12

。但是，如果您忽略该配置，它将隐式接受该配置：

报告

引导程序4中没有

.pull-*

类。改用flex实用程序。