• 课程 / Bootstrap

    Bootstrap响应式网页布局篇

    直播班:PHP小白到大牛三个月速成!

    立即报名
    介绍章节评论课件
    本Bootstrap教程讲解如何在网页布局中应用响应式设计。在课程中,您将学到响应式 Web 设计。随着移动设备的普及,如何让用户通过移动设备浏览您的网站获得良好的视觉效果,已经是一个不可避免的问题了。响应式 Web 设计就是为实现这个目的的有效方法。
  • 难度:初级
  • 共71章节
  • 142657次播放
  • 第1章 Bootstrap.用户界面架构

    用户界面与交互架构

    01:44

    下载 Bootstrap

    02:15

    包含的文件

    02:26

    在网页中使用 Bootstrap

    05:34

    布局

    04:34

    嵌套布局与流动布局

    03:50

    响应式布局

    04:21

    把已有的固定宽度布局转换成响应式布局

    03:38

    响应式布局的实用类

    02:59

    常用标签与样式

    03:48

    列表

    03:30

    代码

    03:44

    Google Prettify

    02:29

    表格

    03:24

    表单

    04:09

    文本框的前缀与后缀

    03:14

    单选按钮

    02:16

    复选框

    02:17

    选择列表

    02:42

    表单的排版

    02:53

    按钮

    03:55

    按钮群组

    02:13

    带下拉菜单的按钮

    03:48

    导航菜单

    05:43

    导航菜单里的下拉菜单

    02:07

    导航菜单的响应式设计

    02:35

    选项卡 #1

    02:42

    选项卡 #2

    03:58

    导航路径与分页器

    04:01

    提示信息

    02:43

    缩略图

    03:58

    对话框

    04:01

    工具提示

    03:26

    折叠内容

    04:45

    旋转木马

    03:39
    第2章 响应式网页设计

    课程介绍

    01:39

    响应式设计的真实例子

    02:33

    viewport - 可视窗口

    01:33

    手工配置 viewport

    04:25

    像素密度

    02:49

    应用媒体查询的方法

    01:53

    media type 媒体类型

    04:00

    meida feature 媒体特性

    01:43

    aspect-ratio 可视窗口宽与高的比例

    03:01

    aspect-ratio 设备的宽与高的比例

    03:34

    orientation 设备的使用方向

    02:04

    height (可视窗口高度)与 device-height(设备高度)

    03:20

    width(可视窗口宽度) 与 device-width(设备宽度)

    03:45

    resolution 像素密度

    05:09

    操作符 - and

    04:33

    逗号分隔连接多个媒体查询

    02:13

    操作符 - not

    03:03

    响应式布局 #1

    03:56

    响应式布局 #2

    02:05

    响应式布局 #3

    02:07

    响应式导航

    01:52

    导航菜单的 HTML

    04:07

    导航菜单的 CSS

    02:46

    切换按钮的样式

    03:08

    响应式导航菜单的样式

    04:06

    响应式的图像

    04:07

    响应式的背景图像

    01:43

    不同尺寸的设备使用不同的图像

    00:49

    不同尺寸的设备使用不同的背景图像

    03:05

    根据屏幕密度切换不同的背景图像

    03:14

    picturefill

    04:40

    响应式幻灯片

    03:50

    幻灯片的控制按钮

    02:08

    幻灯片的控制按钮样式

    03:06

    修复幻灯片被覆盖的问题

    01:27

    结束语

    00:31

    讲师介绍

    -
    -
    学生
    能学到什么:

    本教程讲解如何在网页布局中应用响应式设计。在课程中,您将学到响应式 Web 设计。随着移动设备的普及,如何让用户通过移动设备浏览您的网站获得良好的视觉效果,已经是一个不可避免的问题了。响应式 Web 设计就是为实现这个目的的有效方法。

    全部评论我要评论

  • 吴家三**

    吴家三**3年前

    不错不错不错不错不错不错不错不错不错不错不错

    回复
    0

  • 吴家三**

    吴家三**3年前

    不错不错不错不错不错不错不错不错不错不错不错不错

    回复
    0

  • 吴家三**

    吴家三**3年前

    不错不错不错不错不错不错不错不错不错不错不错不错不错

    回复
    0

  • 吴家三**

    吴家三**3年前

    不错不错不错不错不错不错不错不错不错不错不错不错不错不错

    回复
    0

  • M_先森

    M_先森3年前

    list-style:none;k了

    回复
    0

  • hanjian

    hanjian3年前

    不错不错不错不错不错不错

    回复
    0

  • 暴躁的钳子

    暴躁的钳子3年前

    回复
    0

  • 暴躁的钳子

    暴躁的钳子3年前

    回复
    0

  • 暴躁的钳子

    暴躁的钳子3年前

    不错

    回复
    0

  • 暴躁的钳子

    暴躁的钳子3年前

    好!!!!!!!!!1

    回复
    0

  • 取消回复发送
  • PHP中文网