如何使用Bootstrap保持列之间的间隔？

我们可以使用普通的CSS保持列之间的间隔，但是在这里我们将使用Bootstrap框架。在本文中，我们将通过以下方法保持列之间的已测量间隙。

使用“ div”标签：只需在两个“ div”标签之间添加带有填充的“ div”，即可在“ div”之间留出间隔。

例子：

    
        
        
        
   
        
        
   
        
    
   
    
        

            

                One of two columns
            
            

            

                One of two columns
            
        
    

输出：

• 没有额外的“ div”标签的图片：

  

• 带有额外“ div”标签的图片：

  

使用列offset的方法： offset类用于增加列的左边距。 col-md-offset-2类将col-md-3移动3列。

例子：

HTML

    
        
        
        
  
        
        
        
    
    
        
        

            
geeksforgeeks
            

                geeksforgeeks
            
        
    

Output: This output may not match with the given output image because the screen size of the output is smaller.Image without offset:Image with offset: