标签：通过 boot scale 网页 color 设置 语义 idt asi
user-scalable=no 可以禁用视口缩放。.container 容器。.container 类用于固定宽度；.container-fluid 类(流式布局容器)用于 100% 宽度。两个类不能互相嵌套。.container （固定宽度）或 .container-fluid （100% 宽度）中。<div class="container"> <div class="row"> <div class="col-lg-1 col-md-3 con ">col-lg-1 </div> <div class="col-lg-1 col-md-3 con">col-lg-1 </div> </div> </div>
padding 属性，从而创建列与列之间的间隔（gutter）。/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: @screen-sm-min) { ... }
/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: @screen-md-min) { ... }
/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: @screen-lg-min) { ... }
偶尔也会在媒体查询代码中包含 max-width 从而将 CSS 的影响限制在更小范围的屏幕大小之内。
@media (max-width: @screen-xs-max) { ... }
@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) { ... }
@media (min-width: @screen-md-min) and (max-width: @screen-md-max) { ... }
@media (min-width: @screen-lg-min) { ... }
<div class="row"> <div class="col-md-1 con">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> <div class="col-md-1">.col-md-1</div> </div>
col-md-1中的屏幕的列，1/12列。将屏幕分为12列
.col-xs-* 和 .col-md-*.row 元素和一系列 .col-sm-* 元素到已经存在的 .col-sm-* 元素内。@grid-columns: 12;
@grid-gutter-width: 30px;
@grid-float-breakpoint: 768px;
mixin 用来和栅格变量一同使用，为每个列（column）生成语义化的 CSS 代码。
标签：通过 boot scale 网页 color 设置 语义 idt asi
原文地址：https://www.cnblogs.com/zhangzimuzjq/p/11846091.html
