Bootstrap实例视频教程

Bootstrap实例视频教程

页面第一屏 10:50

本课时讲解使用 Bootstrap 的 jumbotron 组件完成第一页的制作，同时对页面承载的内容进行排版。

2

页面第二屏 14:34

本课时讲解使用 Bootstrap 的栅格系统，同时配合 CSS3 效果完成第二屏幕的制作。

3

页面第三屏 05:38

本课时讲解第三屏幕的制作，包含内容排版和按钮样式的更改，覆盖 Bootstrap 按钮的样式。

4

页面第四屏 10:19

本课时讲解使用 Bootstrap 容器 Container 进行布局，同时添加背景图片完成左右滑动效果。

5

页面第五屏 06:34

本课时讲解使用 Bootstrap 容器和栅格系统完成第五屏的制作。

6

页面导航 05:19

本课时讲解使用 nav 制作导航，同时对样式进行设计，完成主导航的制作。