Bootstrap全套响应式网站项目实战视频教程【共39课时】_UI框架课程-51CTO学堂
ad
close

Bootstrap全套响应式网站项目实战视频教程

本课程主要让大家了解响应式布局,如何利用bootstrap来实现网站布局并且快速的写页面提升开发效率,以及组件和js插件在bootstrap中的使用,后面更有系列实战课程让大家更多了解。

25498人学习

初级39课时2024/03/26更新

二维码下载学堂APP缓存视频离线看

张鹏
  • 畅销套餐
  • 精选套餐
  • 人气套餐
  • 课程介绍
  • 课程大纲

适合人群:

从事网站开发人员,web前端系统学习学员

你将会学到:

本课程主要让大家了解响应式布局,如何利用bootstrap来实现网站布局并且快速的写页面提升开发效率,以及组件和js插件在bootstrap中的使用,后面更有系列实战课程让大家更多了解。

课程简介:

1》bootstrap介绍

2》bootstrap基本使用和获取

3》bootstrap全局css样式开发

4》bootstrap栅格系统

5》bootstrap响应式布局

6》bootstrap组件

7》bootstrap中的js插件

8》bootstrap项目网站实战

展开更多

课程大纲-Bootstrap全套响应式网站项目实战视频教程

  • 第1章Bootstrap简介_全局css样式(2小时26分钟10节)

  • 1-1

    Bootstrap介绍和使用bootstrap是一个响应式库,使用bootstrap可以快速的实现网站响应式,本节课介绍了bootstrap的使用和下载获取,基本使用

    「仅限付费用户」点击下载“01.zip”

    [16:41]
  • 1-2

    布局容器本节课主要介绍bootstrap中的全局css样式的布局容器,container类和container-fluid类

    「仅限付费用户」点击下载“02.zip”

    [12:27]
  • 1-3

    排版本节课主要介绍了bootstrap的排版操作,页面头部,底部,主体的定义

    「仅限付费用户」点击下载“03.zip”

    [16:07]
  • 1-4

    代码本节课主要介绍了pre来定义代码段

    「仅限付费用户」点击下载“04.zip”

    [04:26]
  • 1-5

    表格本节课介绍了使用bootstrap来做表格的布局排版,包括表格的响应式和表格的基本类的添加

    「仅限付费用户」点击下载“05.zip”

    [15:49]
  • 1-6

    表单本节课主要介绍了bootstrap中的表单,表单在很多的应用场景都有效,例如登录和注册,本节课主要说明了表单的使用

    「仅限付费用户」点击下载“06.zip”

    [34:01]
  • 1-7

    按钮本节课介绍了使用bootstrap来操作按钮包括按钮组的定义

    「仅限付费用户」点击下载“07.zip”

    [07:12]
  • 1-8

    图片本节课很重要,介绍了bootstrap中的图片类定义,包括很重要的响应式图片的操作responsive

    「仅限付费用户」点击下载“08.zip”

    [06:48]
  • 1-9

    辅助类本节课为辅助类,介绍了bootstrap中的定义清除浮动,浮动元素,元素居中等设置

    「仅限付费用户」点击下载“09.zip”

    [15:32]
  • 1-10

    响应式工具本节课介绍了visible和hidden的使用,在visible和hidden中可以做响应式操作

    「仅限付费用户」点击下载“10.zip”

    [17:10]
  • 第2章Bootstrap栅格系统(1小时21分钟5节)

  • 2-1

    栅格系统_参数_布局本节课介绍了栅格布局的内容,row来定义行,col来定义列

    「仅限付费用户」点击下载“11.zip”

    [11:38]
  • 2-2

    栅格系统_偏移_嵌套_排序本节课介绍了栅格系统的偏移offset,介绍了col 嵌套row,和排序的操作

    「仅限付费用户」点击下载“12.zip”

    [13:16]
  • 2-3

    栅格系统_响应式图片使用栅格化配合visible和hidden来实现响应式图片的操作

    「仅限付费用户」点击下载“13.zip”

    [15:27]
  • 2-4

    【案例】_网站实战本节课呢主要是网站的实战讲解,介绍了利用bootstrap来如何页面的快速制作

    「仅限付费用户」点击下载“14.zip”

    [40:42]
  • 第3章Bootstrap组件(3小时22分钟17节)

  • 3-1

    字体图标本节课回顾之前表单中的栅格和字体图标的使用

    「仅限付费用户」点击下载“15.zip”

    [17:03]
  • 3-2

    下拉菜单本节课介绍bootstrap的下拉菜单,其中有data-toggle和dropdown-menu

    「仅限付费用户」点击下载“16.zip”

    [13:06]
  • 3-3

    按钮组本节课介绍了按钮组,bootstrap按钮组的场景有很多,结合之前的下拉菜单,介绍按钮组的使用

    「仅限付费用户」点击下载“17.zip”

    [16:59]
  • 3-4

    输入框组本节课主要介绍了bootstrap中的输入框组,利用输入框组实现网站美化功能特别方便

    「仅限付费用户」点击下载“18.zip”

    [27:51]
  • 3-5

    导航本节课介绍了bootstrap中的导航,nav这个类

    「仅限付费用户」点击下载“19.zip”

    [08:20]
展开更多
close
  • 课程介绍
  • 课程大纲
在线
客服
APP
下载

下载Android客户端

下载iphone 客户端

官方
微信

关注官方微信

返回
顶部