Bootstrap 实例 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本套课程主要讲解由 Bootstrap 完成的页面,使用容器和栅格系统进行布局,同时添加 Bootstrap 完成的效果,例如轮播图等。

    1.页面第一屏 00:10:50

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

    2.页面第二屏 00:14:34

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

    3.页面第三屏 00:05:38

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

    4.页面第四屏 00:10:19

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

    5.页面第五屏 00:06:34

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

    6.页面导航 00:05:19

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

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

Bootstrap 实例

6课时,53分钟2015-04-01
iwen
iwen

极客学院金牌布道师

课程背景:
Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。

核心内容:
1.容器
2.栅格系统
3.Carousel

软件环境:Webstrom

是否提供资料:

课程等级:初级

适合人群:
具有一定 HTML 基础开发者
  • 技术问答
  • 资料与Wiki
  • 1

    页面第一屏

    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 制作导航,同时对样式进行设计,完成主导航的制作。

相关课程