Bootstrap笔记.docVIP

Bootstrap 移动设备优先。 所有列默认都是左浮动 为确保适当的绘制和触屏缩放，加入下面的meta标签 meta name=viewport content=width=device-width, initial-scale=1 布局容器 Bootstrap 需要为页面内容和栅格系统包裹一个?.container?容器。我们提供了两个作此用处的类。注意，由于?padding等属性的原因，这两种容器类不能互相嵌套。 .container?类用于固定宽度并支持响应式布局的容器。 div class=container/div .container-fluid?类用于 100% 宽度，占据全部视口（viewport）的容器。 div class=container-fluid/div媒体查询 在栅格系统中，我们在 Less 文件中使用以下媒体查询（media query）来创建关键的分界点阈值。 /* 超小屏幕（手机，小于 768px） *//* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */ /* 小屏幕（平板，大于等于 768px） */@media (min-width: @screen-sm-min) { ... } /* 中等屏幕（桌面显示器，大于等于 992px） */@media (m