Bootstrap框架核心组件与响应式开发详解.pdfVIP

复习：

Bootstrap是一个HTML/CSS/JS框架，适用于响应式Web项目，内容涉及到：

HTML:基于H5已有添加了data-*属性

CSS:(1)CSSReset(2)千个class

JS:基于jQuery了十几个插件函数

分为五部分：

(1)起步

、模板、实例、Bootlint、兼容性

(2)全局CSS样式

按钮、、列表、文本、辅助类、表格、栅格系统、表单(默认、行内、水平)

(3)组件

下拉菜单、警告框

(4)JS插件

(5)定制

divclass=dropdown

adata-toggle=dropdown触发元素/a

ulclass=dropdown-menu/ul

/div

divclass=alertalert-颜色alert-dismissible

spanclass=closedata-dismiss=alert;/span

任意文字

/div

今日目标

(1)组件——难点在响应式导航条

(2)插件——

1.补充知识点：Bootstrap全局CSS样式——栅格系统

列偏移(offset)：