当一行未满时，Bootstrap中心div

Question

我通过ng-repeat显示视频。我需要视频本身与身体卡齐平（我们遵循材料设计）并且出于“原因”我不允许使用动态视频宽度。

所以我必须做的是将引导类附加到视频上的透明父div中

<div class="col-md-4 etc etc">
 <div class="videoWithFixedHeight">

这很好用，并根据屏幕大小堆叠视频卡。但是，当只有一个/两个/三个视频我希望它们自动居中（text-align：center不起作用）。这里的问题是我不知何故需要引导来知道有多少视频并相应地对齐它们。

任何想法将不胜感激，提前感谢！

Answer 1

您可以添加.col-md-offset-2，如此处所述http://getbootstrap.com/css/#grid-offsetting

<div class="col-md-4 col-md-offset-2 etc etc">

Answer 2

使用bootstrap中的“justify-content-center”类。添加到div，如下所示：

<div class="row justify-content-center">

这将是引导列的中心。