bootstrap中的col-md-3 ...

最近使用bootstrap时，在使用col-md-3这样的栅格化类的时候出现点小问题。。。

<div class='row'>
      <div class='col-lg-4 col-md-4 col-sm-4 col-xs-4'>
        <div class='row'>
            <div class='col-lg-3 col-md-4 col-sm-6 d1'>1</div>
            <div class='col-lg-3 col-md-4 col-sm-6 d2'>2</div>
            <div class='col-lg-3 col-md-4 col-sm-6 d3'>3</div>
            <div class='col-lg-3 col-md-4 col-sm-6 d4'>4</div>
        </div>          
      </div>
  </div>

这样的一段代码，可以看出，不管col-md- 怎么嵌套，他都是对浏览器宽度的变化而变化，只不过是按照父节点元素的宽为基准变化。。。