- 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是全球最受欢迎的前端组件库,用于开发响应式布局、移动设备优先的WEB项目。
本课程的主要讲解Bootstrap4的基础知识,讲解的同时进行代码实战演练说明,讲解详细的每个知识点。
适合开发响应式布局、移动设备优先的WEB项目人员。
从Bootstrap的基础知识,如何安装,如何变通简易的调用讲起,逐步讲解Bootstrap中的CSS相关布局、布局组件如何调用;讲解Bootstrap相关的插件;同步实战代码和演练解说。
简 介 Bootstrap4从入门到精通。
一、布局
0.课件
1.Bootstrap介绍_栅格系统
2.禁用响应式_响应式分界点
二、内容
3.排版_代码
4.图片_图片框
5.表格
三、公共样式
6.边框_浮动
7.颜色_Display显示属性
8.文本处理_垂直对齐_规格与尺寸
9.间隔_阴影
10.position定位_visibility显示或隐藏_关闭图标
11.嵌入_图像替换_读屏器
12.flex弹性布局
四、组件
13.警告提示框(Alert)
14.徽章(Badge)_面包屑导航(Breadcrumb)
15.按钮(Button)
16.下拉菜单(Dropdowns)
17.按钮组(Btn-group)
18.Input输入框及输入框群组
19.表单(Form)
20.轮播效果(Carousel)
21.Hero广告大块屏幕(Jumbotron)_列表组(List-group)
22.媒体对象-图文混排(Media-object)
23.弹出提示框(Toast)
24.提示冒泡(Tooltip)
25.POP提示(Popover)
26.弹出模态框(Modal)
27.导航-滑动门(nav)
28.导航栏(navbar)
29.卡片(Card)
30.折叠面板(Collapse)
31.分页(Pagination)_进度条(Progress)
32.滚动监听(Scrollspy)
33.旋转特效(Spinners)
五、延伸
34.字体图标