Bootstrap4从入门到精通

By 网战天下 立即观看

一、布局 

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.字体图标