CSS bootstrap：偏移量在引导程序中的工作原理

Question

我不是css开发人员，但我正在努力倾向于使用bootstrap。所以我正在阅读这个网址http://www.c-sharpcorner.com/article/overview-of-bootstrap-buttons-and-grid-offset/

的文章

我很想知道bootstrap偏移是如何工作的？

查看一些代码示例

1）

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

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>

这个偏移量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>  

请解释我的每一点并告诉我偏移在引导程序中是如何工作的。谢谢