Html 在引导过程中取12列时居中div

我在引导行中有一个元素。元素在屏幕的xs、sm、md和lg配置上采用不同数量的列。当元素需要12列时，我需要元素在中间。可能吗？如果是这样，我该怎么做？ 例如：

<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
    SOME TEXT
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
    SOME TEXT
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-4">
    SOME TEXT
</div>

一些文本
一些文本
一些文本

---

如果我把这行放到一个DIV中，我希望元素总是在中间，但是当我缩小浏览器到SM配置时，它会让一个元素自己取12列，因此我在右边的左边有一个相对大的空隙。

哦！在那里，我提出了这个想法，而且似乎成功了。我只是在一个包含列的元素中添加了一点css：

margin:0 auto;

---

代码实际上是将元素放在列的中心。

是的，@GaneshRadhakrishnan是对的，您应该像这样使用bootstrap的类：

<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 center-text">
        SOME TEXT
    </div>
    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 center-text">
        SOME TEXT
    </div>
    <div class="col-xs-12 col-sm-12 col-md-6 col-lg-4 center-text">
        SOME TEXT
    </div>
</div>

一些文本
一些文本
一些文本

您是否使用了文本中心类？是的。“这对我不起作用。”甘尼什拉德哈克里希南，噢。我误解了。我读文本对齐：居中。你能解释一下什么是文本中心类吗？我想它和样式文本对齐：中心我不明白“我有相对左侧的间隙右侧的巨大间隙”。。。你们能做一个提琴或bootply吗？它只适用于文本还是行中的所有元素？