Theme NexT works best with JavaScript enabled
0%

BootStrap

^ _ ^

简介

BootStrap是一种前端框架,使得开发人员可以在框架基础上,进行开发,简化工作;
特点:支持响应式布局,使得一套页面可以兼容不同分辨率的设备;

资料
BootStrap中文网

原理与操作

响应式布局

实现:依赖于栅格系统,将一行平均分成12个格子,可以指定元素占几个格子

实现步骤

  1. 定义容器
    • container:
    • container-fluid:
  2. 定义行;row
  3. 定义元素:col-设备代号-格子数目
    • xs: 超新屏幕 手机 (<768px)
    • sm: 小屏幕 平板 (>=768px)
    • md: 中等屏幕 笔记本电脑 (>=992px)
    • lg: 大屏幕 台式电脑 (>=1200px)