课程介绍
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:04_Bootstrap全局css样式_栅格1
• 课时5:05_Bootstrap全局css样式_栅格2
• 课时6:06_Bootsrtap全局css样式_排版1
• 课时7:07_Bootstrap全局css样式_排版2
• 课时8:08_Bootstrap全局css样式_排版3
• 课时9:09_Bootstrap全局css样式_代码
• 课时10:10_Bootstrap全局css样式_表格1
• 课时11:11_Bootstrap全局css样式_表格2
• 课时12:12_Bootstrap全局css样式_表单1
• 课时13:13_Bootstrap全局css样式_表单2(水平排列的表单,被支持的控件,静态控件)
• 课时14:14_Bootstrap全局css样式_表单3(焦点状态,禁用状态,只读状态)
• 课时15:15_Bootstrap全局css样式_表单4(校验状态,控件尺寸,辅助文本)
• 课时16:16_Bootstrap全局css样式_按钮
• 课时17:17_Bootstrap全局css样式_图片,响应式工具
• 课时18:18_Bootstrap全局css样式_辅助类
• 课时19:19_Bootstrap组件1_字体图标
• 课时20:20_Bootstrap组件_下拉菜单
• 课时21:21_Bootstrap组件_按钮组
• 课时22:22_Bootstrap组件_按钮式下拉菜单
• 课时23:23_Bootstrap组件_输入框组1(基本实例,尺寸,作为额外元素的多选框和单选框)
• 课时24:24_Bootstrap组件_输入框组2(作为额外元素的按钮,作为额外元素的按钮式下拉菜单,作为额外元素的分裂式按钮下拉菜单)
• 课时25:25_Bootstrap组件_导航
• 课时26:26_Bootstrap组件_导航条1(默认样式的导航条,品牌)
• 课时27:27_Bootstrap组件_导航条2
• 课时28:28_Bootstrap组件_分页
• 课时29:29_Bootstrap组件_路径导航,标签,徽章
• 课时30:30_Bootstrap组件_巨幕,页头,缩略图
• 课时31:31_Bootstrap组件_警告框
• 课时32:32_Bootstrap组件_进度条
• 课时33:33_Bootstrap组件_媒体对象,列表组
• 课时34:34_Bootstrap组件_面版,具有响应式特性的嵌入内容,Well
开始学习:http://click.aliyun.com/m/27935/
有疑问加站长微信联系(非本文作者)