今天完成的事情：

学习了一些新的样式

间隙沟槽(gutters)清除

BootStrap默认的栅格和列间有间隙沟槽，一般是左右-15px的margin或padding

可以使用.no-gutters

.no-gutters {   

margin-right: 0;   

margin-left: 0;

重排序

使用 .order- 提供了.order-1到.order-1212个级别的顺序

 <div class="row">

    <div class="col"> 

      1号空间-未定义序号，位置不变。     

    </div>

    <div class="col order-12">

      2号空间-排最后。

    </div>

    <div class="col order-1">

      3号空间-放第1但受1号空间不变影响居第2位。

    </div>

  </div>

还可以使用.order-first，快速更改一个顺序到最前面

 <div class="row">

    <div class="col">

       1号空间-未定义顺序。

     </div>

    <div class="col">

       2号空间-未定义顺序。

     </div>

    <div class="col order-first">

      3号空间-优先排序，占第1位。

     </div>

  </div>

ml-auto与.mr-auto强制隔离两边的距离，实现类水平隔离的效果

<div class="col-auto mr-auto">

媒体查询

语法：

@media mediatype and|not|only (media feature) {
    CSS-Code;
}

 @media 查询，可以针对不同的媒体类型定义不同的样式，设置设计响应式的页面

明天计划的事情：

了解更多栅格样式

收获：

学习到了混合布局

沟槽清除

重排序

媒体查询