我正在开始使用Bootstrap 3,我在理解如何使用网格类时遇到了一些麻烦.
这是我到目前为止所发现的:
看起来这些类col-sm-#和col-lg-#普通的不同之处col-#在于它们仅适用于屏幕超过一定大小(分别为768px和992px)的情况.如果省略-sm-或-lg-,div将永远不会折叠成一列.
但是,当我在一行内创建两个div时,col-sm-6它们似乎只是在窗口介于768px和992px之间时并排.换句话说,如果我将窗口一直缩小然后慢慢加宽,则布局为单列,然后是两列,然后再次返回单列.
<div class="col-sm-6 col-lg-6">)col-6 也包括在内？<div class="col-6 col-sm-6 col-lg-6">