bootstrap4 左侧导航栏 优秀 大气_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.字体图标

观看：Bootstrap4从入门到精通_网战天下