十二、bootstrap前端开发框架
十二、bootstrap前端开发框架
1.1 bootstrap简介
bootstrap来自Twitter(推特),是目前最受欢迎的前端框架。bootstrap是基于html、css、JavaScript的,它简单灵活,使得web开发更加快捷。
中文官网:Bootstrap中文网
官网:Bootstrap · The most popular HTML, CSS, and JS library in the world.
推荐使用:https://bootstrap.css88.com/
Bootstrap
阿里百秀用的响应式开发的页面
阿里百秀
1.2 版本
1.3 布局容器
响应式布局不需要写媒体查询,因为bootstrap已经给写好了。
1.4 栅格系统简介
1.5 栅格选项参数
1.6 Bootstrap 栅格列嵌套
嵌套的父盒子里面再分为12等分,再给里面的子盒子划分份数。
1.7 列偏移
1.8 列排序
1.9响应式工具
2.0 修改container的最大宽度为设计稿的1280px;,因为container默认 宽度是1170px;要以设计稿为准。