今天的完成的事：继续学习bootstrap

明天的计划：请假两日。

碰到的问题：暂无。

收获：container容器

Container容器是窗口布局的最基本元素，推荐所有样式都定义在.container或.container-fulid容器之中-- 这是启用整个栅格系统必不可少的前置条件，它们分别对应选择一个响应式的、固定宽度的容器，或者选择一个流式自适应浏览器或容器最大合法宽度的窗口（意味着任何时候它的宽度总是100%）。

.container容器可以被嵌套，但是大多数布局并不需要这么做。

响应式的分界点

Bootstrap是基于移动优先的原则开发的，使用了一系列的媒体查询（media queries ）方法，为我们的布局和界面创建自适应的的分界点。这些分界点主要是基于视口宽度的最小值，并且当窗口视图改变的时候允许元素缩放。

在Bootstrap的源Sass文件中，为了实现布局、网格系统以及组件，首先使用下面的媒体查询范围(可以理解为将不同宽度的网页进行拆分并分别载入CSS样式处理构建）：

// Extra small devices (portrait phones, less than 576px)     // No media query since this is the default in Bootstrap  // Small devices (landscape phones, 576px and up) @media (min-width: 576px) { ... } // Medium devices (tablets, 768px and up) @media (min-width: 768px) { ... } // Large devices (desktops, 992px and up) @media (min-width: 992px) { ... } // Extra large devices (large desktops, 1200px and up) @media (min-width: 1200px) { ... }