^ _ ^
简介
BootStrap是一种前端框架,使得开发人员可以在框架基础上,进行开发,简化工作;
特点:支持响应式布局,使得一套页面可以兼容不同分辨率的设备;
原理与操作
响应式布局
实现:依赖于栅格系统,将一行平均分成12个格子,可以指定元素占几个格子
实现步骤
- 定义容器
- container:
- container-fluid:
- 定义行;row
- 定义元素:col-设备代号-格子数目
- xs: 超新屏幕 手机 (<768px)
- sm: 小屏幕 平板 (>=768px)
- md: 中等屏幕 笔记本电脑 (>=992px)
- lg: 大屏幕 台式电脑 (>=1200px)