Bootstrap4从入门到精通教程

  • 名称:Bootstrap4从入门
  • 分类:网页设计  
  • 观看人数:加载中
  • 时间:2021/5/16 17:23:52

课程介绍

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