在哪里放置bootstrap行类

Question

我是引导程序和响应式设计概念的新手。

我正在阅读bootstrap文档并阅读w3schools的一些教程。所有提及col-必须= 12在一个row类。他们还提到你可以结合不同的col类和大小示例<div class="col-md-3 col-xs-6">

我没有得到的是当你组合不同的</row>时，你何时应该用col sizes类打破视口？

请考虑以下内容，我希望移动设备显示2行和2列，在桌面上显示包含4行的单个列

<div class="container">
            <div class="row">

                <div class="col-md-3 col-xs-6">
                </div>

                <div class="col-md-3 col-xs-6">
                </div>

                <div class="col-md-3 col-xs-6">
                </div>

                <div class="col-md-3 col-xs-6">
                </div>

           </div><!--/row -->
       </div><!--/container -->  

考虑到rows中的所有列必须= 12，行类需要在移动和桌面的不同点上关闭......？

我如何解决上述问题，希望这个问题有道理。

谢谢