Bootstrap 组件(下)- Bootstrap 中文网合作课程 认证专享

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

    目录 收起>

    本套课程主要了解 Bootstrap 组件,使用组件可以更加快速的完成页面效果,例如警告框,下拉菜单,导航条等,无需自己再去定义这些组件,直接使用即可。

    1.巨幕 00:03:13

    本课时讲解巨幕,这是一个轻量、灵活的组件,它能延伸至整个浏览器视口来展示网站上的关键内容。

    2.页头 00:02:23

    本课时讲解页头,页头组件能够为 h1 标签增加适当的空间,并且与页面的其他部分形成一定的分隔。它支持 h1 标签内内嵌 small 元素的默认效果,还支持大部分其他组件(需要增加一些额外的样式)。

    3.缩略图 00:06:28

    本课时讲解缩略图,通过缩略图组件扩展 Bootstrap 的 栅格系统,可以很容易地展示栅格样式的图像、视频、文本等内容。

    4.警告框 00:06:43

    本课时讲解警告框,警告框组件通过提供一些灵活的预定义消息,为常见的用户动作提供反馈消息。

    5.进度条 00:06:29

    本课时讲解进度条,通过这些简单、灵活的进度条,为当前工作流程或动作提供实时反馈。

    6.媒体对象 00:06:01

    本课时讲解媒体对象,这是一个抽象的样式,用以构建不同类型的组件,这些组件都具有在文本内容的左或右侧对齐的图片(就像博客评论或 Twitter 消息等)。

    7.列表组 00:07:53

    本课时讲解列表组,列表组是灵活又强大的组件,不仅能用于显示一组简单的元素,还能用于复杂的定制的内容。

    8.面板 00:06:14

    本课时讲解面板,虽然不总是必须,但是某些时候你可能需要将某些 DOM 内容放到一个盒子里。对于这种情况,可以试试面板组件。

    9.具有响应式特性的嵌入内容 00:02:29

    本课时讲解具有响应式特性的嵌入内容,根据被嵌入内容的外部容器的宽度,自动创建一个固定的比例,从而让浏览器自动确定视频或 slideshow 的尺寸,能够在各种设备上缩放。

    10.Well 00:01:51

    本课时讲解 Well,把 Well 用在元素上,能有嵌入(inset)的的简单效果。

    11.后台静态页面实例 00:20:52

    本课时讲解后台静态页面实例,通过学习过的 Bootstrap 全局 CSS 样式和组件完成静态页面的代码编写。
  • 提问

    提交问题
  • 下载

  • 线路

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

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

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

Bootstrap 组件(下)- Bootstrap 中文网合作课程

11课时,71分钟2015-03-06
iwen
iwen

极客学院金牌布道师

课程背景:
Bootstrap 有无数可复用的组件,包括字体图标,下拉菜单,导航,警告框,弹出框等更多功能。


核心内容:
1.巨幕
2.页头
3.缩略图
4.警告框
5.进度条
6.媒体对象
7.列表组
8.面板
9.具有响应式特性的嵌入内容
10.Well
11.后台静态页面实例


软件环境:Webstrom


是否提供资料:


课程等级:初级


适合人群:
具有一定 HTML 基础的开发者

  • 技术问答
  • 资料与Wiki
  • 1

    巨幕

    03:13

    本课时讲解巨幕,这是一个轻量、灵活的组件,它能延伸至整个浏览器视口来展示网站上的关键内容。

  • 2

    页头

    02:23

    本课时讲解页头,页头组件能够为 h1 标签增加适当的空间,并且与页面的其他部分形成一定的分隔。它支持 h1 标签内内嵌 small 元素的默认效果,还支持大部分其他组件(需要增加一些额外的样式)。

  • 3

    缩略图

    06:28

    本课时讲解缩略图,通过缩略图组件扩展 Bootstrap 的 栅格系统,可以很容易地展示栅格样式的图像、视频、文本等内容。

  • 4

    警告框

    06:43

    本课时讲解警告框,警告框组件通过提供一些灵活的预定义消息,为常见的用户动作提供反馈消息。

  • 5

    进度条

    06:29

    本课时讲解进度条,通过这些简单、灵活的进度条,为当前工作流程或动作提供实时反馈。

  • 6

    媒体对象

    06:01

    本课时讲解媒体对象,这是一个抽象的样式,用以构建不同类型的组件,这些组件都具有在文本内容的左或右侧对齐的图片(就像博客评论或 Twitter 消息等)。

  • 7

    列表组

    07:53

    本课时讲解列表组,列表组是灵活又强大的组件,不仅能用于显示一组简单的元素,还能用于复杂的定制的内容。

  • 8

    面板

    06:14

    本课时讲解面板,虽然不总是必须,但是某些时候你可能需要将某些 DOM 内容放到一个盒子里。对于这种情况,可以试试面板组件。

  • 9

    具有响应式特性的嵌入内容

    02:29

    本课时讲解具有响应式特性的嵌入内容,根据被嵌入内容的外部容器的宽度,自动创建一个固定的比例,从而让浏览器自动确定视频或 slideshow 的尺寸,能够在各种设备上缩放。

  • 10

    Well

    01:51

    本课时讲解 Well,把 Well 用在元素上,能有嵌入(inset)的的简单效果。

  • 11

    后台静态页面实例

    20:52

    本课时讲解后台静态页面实例,通过学习过的 Bootstrap 全局 CSS 样式和组件完成静态页面的代码编写。

相关课程

  • HTML5实战开发看你有多色游戏

    本课讲解CreateJS的应用以及看你有多色UI设计与事件处理。

    3课时 22分钟
    初级
    15854人学习
  • Bootstrap 起步 - Bootstrap 中文网合作课程

    本套课程主要了解 Bootstrap,什么是 Bootstrap 以及基本的入门使用和对浏览器和设备的支持情况,让学员掌握 Bootstrap 的基本概念和基本应用及优势。

    4课时 15分钟
    初级
    57457人学习
  • Bootstrap 全局 CSS 样式 - Bootstrap 中文网合作课程

    本套课程主要了解 Bootstrap 的全局 CSS 样式, 包含栅格系统,排版,代码,表格,表单,按钮,图片,辅助类,响应式布局,让学员掌握 Bootstrap 提供的 CSS 样式的使用。

    10课时 108分钟
    初级
    37975人学习
  • Bootstrap 组件(上)- Bootstrap 中文网合作课程

    本套课程主要了解 Bootstrap 组件,使用组件可以更加快速的完成页面效果,例如警告框,下拉菜单,导航条等,无需自己再去定义这些组件,直接使用即可。

    11课时 83分钟
    初级
    25011人学习
  • HTML5开发项目实战:地铁计价器

    本套课程主要了解地铁计价器的实现过程,包含布局、样式和算法及数据的整理。让学员掌握如何从零开始,实现一个地铁计算器。

    4课时 69分钟
    初级
    20271人学习