Css 无法使用引导4获得所需的结果。需要知道我做错了什么吗？

在引导网格中，我无法获得期望的结果。我有四个div类col-sm-3，根据规则，所有4个div都应该显示在一行中，因为它是12列布局。但事实并非如此。我还附上了截图

已经尝试过其他断点，如xs和md

<div class="testing container">
        <div class="row">
            <div class="box1 justify-content-center col-xs-3 col-lg-6">BOX 1</div>
            <div class="box2 col-xs-3 col-lg-6">BOX 2</div>
            <div class="box3 col-xs-3 col-lg-6">BOX 3</div>
            <div class="box4 col-xs-3 col-lg-6">BOX 4</div>
        </div>
    </div>

In mobile devices all boxes should be in one line

方框1
方框2
方框3
方框4
在移动设备中，所有盒子应排成一行

Bootstrap 4已经更改了它的col xs类，现在它只是col，然后是您想要的列的大小，例如： 第1列第2列第3列

---

请注意，col smm col md和col lg的工作方式仍然与引导程序3中的工作方式相同，BS4中不使用xs。在576px以下使用sm

方框1
方框2
方框3
方框4

您是否能够发布任何与您的帖子相关的css。此外，引导程序4将col-xs-3更改为col-xs-3-3@DylanAnlezark这就解决了问题。Col-3课程很好：）如果你能接受它作为解决方案，我会给你一个答案。