Html 如果列少于整行，则将列放在中间

我是引导程序的新手

我有一个类似于：

<div class="row">
  <div class="col-lg-3">
    First Column
  </div>
  <div class="col-lg-3">
    Second Column
  </div>
</div>

第一列
第二列

现在只有两列，每列大小为3，并且不会覆盖行的全部长度，因此视图中行的右侧将有空白

这些列是动态的，一次可以是一行、两行、三行或四行

我想要这个，如果行中的大小为3的列少于四列，那么这些列应该位于行的中心，而不是左侧和右侧的空白处。

请建议，我如何处理这种情况？

.row{
显示器：flex；
证明内容：中心；
}

第一列
第二列

根据您的要求，如果您刚刚开始使用bootstrap，我建议您实施，因为此框架基于Flexbox，并且很容易在此处对齐列

参考资料：

.col-3{
填料顶部：.75rem；
填充底部：.75rem；
背景色：rgba（86,61,124,15）；
边框：1px实心rgba（86,61,124,2）；
}

1.
2.

将类别“col-lg-offset-3”添加到第一行。如果你只有两个lg-3行，这将使它居中。列的数量可能是1、2、3或4，任何数量的列一次都可以出现在那里！谢谢Bhuwan，但我正在编写一个使用bootstrap-3的代码，这在那里也会有帮助吗？这不起作用，兄弟，display flex Snooze我的专栏