标签:比例 fonts row lang bsp 使用 目录 查询 head
1.bootstrap所有插件依赖JQ,必须在JQ之后引入。
2.bootstrap分预编译版(css,js,fonts)和源码版(less,js,fonts,dist->预编译版内容,docs)
3.bootstrap 使用grunt 作为编译系统 安装grount 先安装npm 全局安装npm install -g grunt-cli,进入bootstrap目录,执行npm install npm读取package.json并安装所需依赖包
4.运行bootstrap时,head内配置meta 更好的渲染页面
5.全局样式:1.html5文档类型 2.移动设备优先 3.排版与链接
5.1 布局容器 container 固定宽(通过媒体查询控制)container-fluid 用于100%宽度,基于当前上级宽度
5.2 栅格系统 通过行与列组合布局 !只有“列(column)”可以作为行(row)”的直接子元素
5.3 类前缀 .col-xs-(始终保持其比例不受窗口影响,但受其他排列) .col-sm-(<750 水平排列) .col-md-(<970 水平排列) .col-lg- (<1170 水平排列) 都是基于窗口宽度,和父级没关系.
标签:比例 fonts row lang bsp 使用 目录 查询 head
原文地址:https://www.cnblogs.com/wow-jerry/p/9969671.html