Bootstrap 过渡效果、模态框和下拉菜单 VIP

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

    目录 收起>

    本套课程主要了解 Bootstrap 过渡效果、模态框和下拉菜单,通过对过渡效果可以有更好的视觉效果,模态框有更好的展现形式和对下拉菜单的使用。让学员掌握通过 JavaScript 文件的使用。

    1.过渡效果 00:10:16

    本课时讲解 Bootstrap 过渡效果,对于简单的过渡效果,只需将 transition.js 和其它 JS 文件一起引入即可。如果你使用的是编译(或压缩)版的 bootstrap.js 文件,就无需再单独将其引入了。

    2.模态框使用 00:13:09

    本课时讲解 Bootstrap 模态框,模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。

    3.下拉菜单 00:04:00

    本课时讲解 Bootstrap 下拉菜单,通过对下拉菜单的掌握,可以为网页展示提供更多的效果。
  • 提问

    提交问题
  • 下载

  • 线路

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

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

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

Bootstrap 过渡效果、模态框和下拉菜单

3课时,27分钟2015-02-24
iwen
iwen

极客学院金牌布道师

课程背景:
jQuery 插件为 Bootstrap 的组件赋予了“生命”,可以简单地一次性引入所有插件,或者逐个引入到你的页面中。


核心内容:
1.过渡效果
2.模态框
3.下拉菜单


软件环境:Webstrom


是否提供资料:


课程等级:初级


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

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

    过渡效果

    10:16

    本课时讲解 Bootstrap 过渡效果,对于简单的过渡效果,只需将 transition.js 和其它 JS 文件一起引入即可。如果你使用的是编译(或压缩)版的 bootstrap.js 文件,就无需再单独将其引入了。

  • 2

    模态框使用

    13:09

    本课时讲解 Bootstrap 模态框,模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。

  • 3

    下拉菜单

    04:00

    本课时讲解 Bootstrap 下拉菜单,通过对下拉菜单的掌握,可以为网页展示提供更多的效果。

相关课程

  • Bootstrap CSS 表单、按钮和图片

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

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

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

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

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

    3课时 35分钟
    初级
    24332人学习
  • Bootstrap媒体对象、面板和Well

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

    3课时 23分钟
    初级
    17468人学习