距离结束还剩:03天18小时
Bootstrap全套响应式网站项目实战视频教程

首发

下载课程

下载学院APP

缓存视频离线看

收藏(81)

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

课程目标: 本课程主要让大家了解响应式布局,如何利用bootstrap来实现网站布局并且快速的写页...

4.3分
共38课时 共8小时39分钟 更新时间: 30天前

课程销量榜2

会员购课最多赠送88学分, 学分说明>>>

2424小时内答疑

课时永久观看

退15分钟内无条件退款

  1. 仅限付费视频课程适用
  2. 购买后15分钟内可以找到客服进行沟通退款
  3. 下载资料后不再享有退款特权
  4. 客服(Tel:400-101-1651)
  5. 最终解释权归51CTO学院所有

专属资料下载

课程介绍

课程大纲

学习资料

学员评价

课程目标
本课程主要让大家了解响应式布局,如何利用bootstrap来实现网站布局并且快速的写页面提升开发效率,以及组件和js插件在bootstrap中的使用,后面更有系列实战课程让大家更多了解。
适用人群
从事网站开发人员,web前端系统学习学员
课程简介
  • Bootstrap介绍和使用

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

  • 布局容器

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

  • 排版

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

  • 代码

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

  • 表格

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

  • 表单

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

  • 按钮

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

  • 图片

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

  • 辅助类

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

  • 响应式工具

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

  • 栅格系统_参数_布局

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

  • 栅格系统_偏移_嵌套_排序

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

  • 栅格系统_响应式图片

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

  • 【案例】_网站实战

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

  • 字体图标

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

  • 下拉菜单

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

  • 按钮组

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

  • 输入框组

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

  • 导航

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

  • 导航条

    本节课介绍了导航条navbar的相关操作,包括其中的响应式开关等等

  • 路径导航_分页

    本节课介绍了路径导航和页面效果。bootstrap很好的诠释了对于这两者的美化

  • 标签_徽章

    本节课介绍了boostrap标签和徽章

  • 巨幕_页头

    本节课介绍了bootstrap的巨幕和页头

  • 缩略图

    本节课介绍了bootstrap的缩略图

  • 警告框

    本节课介绍了bootstrap的警告框

  • 进度条

    本节课介绍了bootstrap中的进度条

  • 媒介对象

    本节课介绍了bootstrap中的媒介对象

  • 列表组

    本节课介绍了bootstrap中的列表组

  • 面板

    本节课介绍了bootstrap中的面板

  • 响应式嵌入内容

    本节课介绍了bootstrap中的响应式嵌入内容

  • JS插件_模态框

    本节课介绍了bootstrap中js插件的模态框部分

  • JS插件_下拉菜单

    本节课介绍了bootstrap中的js插件部分中的下拉菜单

  • JS插件_滚动监听

    本节课介绍了bootstrap插件中的滚动监听的基本操作

  • JS插件_标签页

    JS插件_标签页

  • JS插件_工具提示

    JS插件_工具提示

  • JS插件_弹出框_警告框_按钮

    本节课介绍了bootstrap中的弹出框_警告框_按钮

  • 折叠_collapse

    本节课主要介绍了bootstrap中的轮播器

  • Carousel_ Affix

    本节课主要介绍了bootstrap中的Carousel_ Affix

加载中
所属章节 资料名称 文件大小 下载
相关资料推荐

暂时还没有学习资料~

5

    1
    非常糟

    2
    很差

    3
    一般

    4
    很好

    5
    非常好

    • 0%
    • 0%
    • 0%
    • 0%
    • 0%
    加载中
    没有了哦~

    讲师介绍

    张鹏

    张鹏

    讲师评分:4.7

    易驰互联创始人,原联想集团,当当网开发工程师

    讲师推荐专题

    专题一 WEB前端【从入门到框架】完整系列课程

    21门课 立省:¥290.00 合计:¥588.00 购买

    官方交流群

    51CTO学院前端开发交流群(433260976)

    立即加入

    23520人学习过

    订阅专栏更多

    推荐图书

    7日学霸榜 有23520人与你一起学习

    课程介绍

    课程大纲

    学习资料

    学员评价

    ¥49.00

    ¥ 44.00

    课程评价

    发表客观评价,最多可得35学分(会员可得70学分)

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

    该课程已有 人评价

    课程与描述相符

    老师的讲解表达

    老师的答疑服务

    匿名

    在线
    客服
    在线
    客服

    下载Android客户端

    下载iphone 客户端

    返回
    顶部