东莞建设工程招标网_静态网页报告_在线搜索引擎_企业网站设计优化公司

 

Bootstrap入门到实战

1 认识Bootstrap

认识Bootstrap

Bootstrap起源和历史

Bootstrap3-5版本的区别

Bootstrap优缺点

学习Bootstrap的理由

2 Bootstrap安装

Bootstrap4的安装

方式一 : CDN

方式二 : 下载源码引入

Bootstrap软件包内容

方式三 : npm安装

Bootstrap初体验

Bootstrap4 框架设计图

屏幕尺寸的分割点（Breakpoints）

3 响应式容器原理

响应式容器Containers

4 网格系统的原理

认识网格系统（Grid system）

12列网格系统（12-Column Grid system）

网格系统的原理

网格系统-row的负外边距（margin）

网格系统的原理

网格系统-嵌套(nesting)

网格系统-自动布局（Auto-layout ）

网格系统-响应式类（Responsive Class）

5 响应式工具和组件

认识响应式工具类

响应式工具类-Display

实用的工具类（Utility classes）

可访问性-辅助类（了解）

Bootstrap组件

6 Bootstrap项目实战