seimeii的博客

 按照不同屏幕划分为1~12 等份  行（row） 可以去除父容器作用15px的边距  xs-extra small：超小； sm-small：小； md-medium：中等； lg-large：大；  列（column）大于 12，多余的“列（column）”所在的元素将被作为一个整体另起一行排列  每一列默认有左右15像素的 padding  可以同时为一列指定多个设备的类名，以便划分不同份数 例如 class="col-md-4 col-sm-6" ...

<style> .container { height: 150px; background-color: pink; margin: 0 auto; } /* 1. 超小屏幕下 小于 768 布局容器的宽度为 100% */ @media screen and (max-width: 767px) { .container