- 1.Bootstrap介绍_栅格系统
- 2.禁用响应式_响应式分界点
- 3.排版_代码
- 4.图片_图片框
- 5.表格
- 6.边框_浮动
- 7.颜色_Display显示属性
- 8.文本处理_垂直对齐_规格与尺寸
- 9.间隔_阴影
- 10.定位_显示或隐藏_关闭图标
- 11.嵌入_图像替换_读屏器
- 12.flex弹性布局
- 13.警告提示框(Alert)
- 14.徽章_面包屑导航
- 15.按钮(Button)
- 16.下拉菜单(Dropdowns)
- 17.按钮组(Btn-group)
- 18.Input输入框及输入框群组
- 19.表单(Form)
- 20.轮播效果(Carousel)
- 21.广告大块屏幕_列表组
- 22.媒体对象-图文混排(Media-object)
- 23.弹出提示框(Toast)
- 24.提示冒泡(Tooltip)
- 25.POP提示(Popover)
- 26.弹出模态框(Modal)
- 27.导航-滑动门(nav)
- 28.导航栏(navbar)
- 29.卡片(Card)
- 30.折叠面板(Collapse)
- 31.分页_进度条
- 32.滚动监听(Scrollspy)
- 33.旋转特效(Spinners)
- 34.字体图标
由张诚老师主讲的 Bootstrap 开源项目;是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。
作为一个优秀的WEB UI设计师,前端工程师你应该熟练掌握该框架,学习该布局框架,将让你的项目页面布局,前端开发更加简单,更完美,更快。可以轻松实现开发能够自动适应不同尺寸屏幕和浏览器的响应式网站。
框架介绍:
Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎,一直是GitHub上的热门开源项目,包括NASA的MSNBC(微软全国广播公司)的Breaking News都使用了该项目。