CSS引导：偏移量如何在引导中工作

我不是css开发人员，但我正在努力减少引导的使用。所以我在读这篇url上的文章

我很想知道引导偏移是如何工作的

请参阅一些代码示例

(一)

第1栏
第2栏

col-md-offset-3如何在中心推动两个柱。请看屏幕截图。

2） 看到这个了吗

<div class="container">  
    <div class="row">  
        <div class="col-md-3">  
            <div class="customDiv">column 1</div>  
        </div>  
        <div class="col-md-3 col-md-offset-6 ">  
            <div class="customDiv">column 2</div>  
        </div>  
    </div>  
</div>

第1栏
第2栏

此偏移col-md-offset-6如何将两列推到拐角处。一个向左，另一个向右。看到屏幕截图了吗

3） 图像如何位于中心请参见代码和屏幕截图

<div class="container">  
    <div class="row"> <img src="one.png" class="col-md-4 col-md-offset-4 img-responsive" /> </div>  
</div>  

请解释我的每一点，并告诉我如何抵消工作在引导。谢谢

---

Bootstrap提供了一个12列的网格，其中每列都有一个百分比宽度。“col md offset-*”通过根据“*”定义的数字增加左边距，将元素向右推。请参阅此处查看有关偏移量的引导4文档：有关快速想法，请参阅：。有12个块，当你说col-md-3时，它意味着对一个div/列使用3个块。当你说col-md-offset-3时，它的意思是留出相当于3个块的空间

<div class="container">  
    <div class="row"> <img src="one.png" class="col-md-4 col-md-offset-4 img-responsive" /> </div>  
</div>