Bootstrap媒体对象、面板和Well VIP

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

    目录 收起>

    本套课程主要了解 Bootstrap 媒体对象、面板和 Well,通过掌握媒体对象来展示类似于 Twitter 消息的样式,包括面板和 Well 的展示效果,让学员掌握 Bootstrap 组件的使用。

    1.媒体对象 00:09:38

    本课时讲解Bootstrap 媒体对象,媒体对象组件允许在一个内容块的左边或右边展示一个多媒体内容(图像、视频、音频)。让学员掌握媒体对象的使用。

    2.面板组件 00:08:40

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

    3.Well 组件的应用 00:05:00

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

    提交问题
  • 下载

  • 线路

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

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

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

Bootstrap媒体对象、面板和Well

3课时,23分钟2015-02-12
iwen
iwen

极客学院金牌布道师

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


核心内容:
1.媒体对象
2.面板
3.Well


软件环境:Webstrom


是否提供资料:


课程等级:初级


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

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

    媒体对象

    09:38

    本课时讲解Bootstrap 媒体对象,媒体对象组件允许在一个内容块的左边或右边展示一个多媒体内容(图像、视频、音频)。让学员掌握媒体对象的使用。

  • 2

    面板组件

    08:40

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

  • 3

    Well 组件的应用

    05:00

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

相关课程

  • Bootstrap CSS 栅格、代码和表格

    本套课程主要讲解 Bootstrap CSS 栅格、代码和表格,通过使用栅格系统完成页面的整体布局效果,既方便有美观。让学员掌握对栅格系统的使用。

    3课时 27分钟
    初级
    50026人学习
  • Bootstrap CSS 表单、按钮和图片

    本套课程主要 BootStrap CSS 的表单、按钮和图片,掌握表单的创建和格式的处理,掌握按钮的添加和效果的更改以及图片的添加。

    3课时 34分钟
    初级
    32392人学习
  • Bootstrap 组件之下拉菜单、按钮组、按钮式下拉菜单

    本套课程主要了解 Bootstrap下拉菜单、按钮组合和按钮式下拉菜单,掌握下拉菜单的创建,引入 Bootstrap 的 js 文件,实现下拉擦单功能。使用组合按钮完成需求效果以及使用按钮式下拉菜单完成组合使用。

    3课时 30分钟
    初级
    26392人学习
  • Bootstrap 输入框组、导航和导航条

    本套课程主要了解 Bootstrap 输入框组、导航和导航条。 了解输入框组中嵌入按钮下拉菜单等控件,掌握导航和导航条的创建和效果的更改。让学员了解如何快速创建导航。

    3课时 35分钟
    初级
    24143人学习