Bootstrap的概念

是什么

  • 基于HTML,CSS,JavaScript的前端框架
  • 响应式布局
  • 移动设备优先

如何实现上述特点

  • 支持HTML5的标准
  • 需要设置一个响应式的meta标签,如下

  • Normalize.css,实现跨浏览器的统一和一致性
  • ReReboot :

核心概念

  • 网格系统
    • 什么是移动设备优先策略
      • 基础的CSS是移动优先,优先更小的宽度
      • 媒体查询,针对平板电脑,台式电脑
      • 渐进增强,随着屏幕的大小的增加而添加元素
  • 响应式
    • viewport尺寸的增加,系统会自动分为最多12列
    • 网格选项
    • 网格实例
  • 常用组件,样式
    • Typography
    • Table
    • Form
    • Button
    • Dropdown
    • Button Group
    • Input Group
    • Nacbar
    • Paginacion
    • Tag
    • Alert
    • Modal Dialog
    • Progress Bar
    • List Group
    • Card
    • Tooltip(提示)

你可能感兴趣的:(Bootstrap的概念)