📜  如何使用Bootstrap 5在中心设置列?

📅  最后修改于: 2021-05-25 11:29:48             🧑  作者: Mango

这里的目标是使引导程序中的列居中。 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
            
        
    

输出