最火的前端开发框架Bootstrap使用教程

课程介绍

Bootstrap，来自Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。

它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。

国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

课程目标

• 掌握前端框架Bootstrap的使用

适合人群

• 前端开发者

课时列表

• 课时1：01_Bootstrap起步1

• 课时2：02_Bootstrap起步2

• 课时3：03_Bootstrap全局css样式概览1

• 课时4：04Bootstrap全局css样式栅格1

• 课时5：05Bootstrap全局css样式栅格2

• 课时6：06Bootsrtap全局css样式排版1

• 课时7：07Bootstrap全局css样式排版2

• 课时8：08Bootstrap全局css样式排版3

• 课时9：09Bootstrap全局css样式代码

• 课时10：10Bootstrap全局css样式表格1

• 课时11：11Bootstrap全局css样式表格2

• 课时12：12Bootstrap全局css样式表单1

• 课时13：13Bootstrap全局css样式表单2（水平排列的表单，被支持的控件，静态控件）

• 课时14：14Bootstrap全局css样式表单3（焦点状态，禁用状态，只读状态）

• 课时15：15Bootstrap全局css样式表单4(校验状态，控件尺寸，辅助文本)

• 课时16：16Bootstrap全局css样式按钮

• 课时17：17Bootstrap全局css样式图片，响应式工具

• 课时18：18Bootstrap全局css样式辅助类

• 课时19：19Bootstrap组件1字体图标

• 课时20：20Bootstrap组件下拉菜单

• 课时21：21Bootstrap组件按钮组

• 课时22：22Bootstrap组件按钮式下拉菜单

• 课时23：23Bootstrap组件输入框组1（基本实例，尺寸，作为额外元素的多选框和单选框）

• 课时24：24Bootstrap组件输入框组2（作为额外元素的按钮，作为额外元素的按钮式下拉菜单，作为额外元素的分裂式按钮下 拉菜单）

• 课时25：25Bootstrap组件导航

• 课时26：26Bootstrap组件导航条1（默认样式的导航条，品牌）

• 课时27：27Bootstrap组件导航条2

• 课时28：28Bootstrap组件分页

• 课时29：29Bootstrap组件路径导航，标签，徽章

• 课时30：30Bootstrap组件巨幕，页头，缩略图

• 课时31：31Bootstrap组件警告框

• 课时32：32Bootstrap组件进度条

• 课时33：33Bootstrap组件媒体对象，列表组

• 课时34：34Bootstrap组件面版，具有响应式特性的嵌入内容，Well

开始学习http://click.aliyun.com/m/27935/