我试图创建一个div，该div在一个大视图中占据8列居中，在所有其他视图中占据全部12列居中。

我试图用justify-content-center实现这一点，但由于某种原因，它没有将内容集中在小视图上:

大视图：内容按预期居中：

小视图：内容稍微偏离中心：

代码如下:

<div class="row container-fluid justify-content-center">
    <div class="main-container p-3 m-3 col-lg-8">
        (text)
    </div>
</div>

顺晟科技：

我通过以下操作达到了预期的效果:

<div class="row container-fluid justify-content-center">
    <div class="main-container p-3 m-3 col-lg-8">
        (text)
    </div>
</div>