这里的目标是使引导程序中的列居中。 Bootstrap是一个免费的开源CSS框架,专门用于响应式,移动优先的前端Web开发。有两种方法可以使Bootstrap中的列
居中。
方法1(偏移):
第一种方法使用引导程序的offset类。关键是将偏移量设置为等于行剩余大小的一半。因此,例如,大小为2的列将通过添加偏移量5(即(12-2)/ 2)居中。下面的示例实现了这一点。
.
col-md-6 .offset-md-3
输出
方法2(自动追加保证金):
将左右边距设置为auto将使div相对于其父元素居中。左右边距可以分别通过.ml-auto和.mr-auto类设置。下面的示例实现了这一点。
.ml-auto .mr-auto
输出