bootstrap-01-学习记录

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 水平排列)  都是基于窗口宽度,和父级没关系.

  

posted @ 2018-11-17 14:41  Wow_Jerry  阅读(179)  评论(0编辑  收藏  举报