图文 玩转Bootstrap(基础)

课程时长 22小时46分钟

学习期限 12 个月 退款期限 30 天

市场价格 免费 会员价格 免费

难度级别 初级 学习人次 14568 综合评分 4.2

内容实用 4.2 分

简洁易懂 4.2 分

逻辑清晰 4.2 分

  • 详情
  • 目录
  • 评价27

简介:本Bootstrap教程能够让您了解到,Bootstrap框架是一个非常受欢迎的前端开发框架,他能让后端程序员和不懂设计的前端人员制作出优美的Web页面或Web应用程序。在这个Bootstrap教程中,将带领大家了解Bootstrap框架以及如何使用Bootstrap框架,通过本教程学习能够独立定制出适合自己的Bootstrap。

第1章 Bootstrap简介

  • 1-1 Bootstrap简介
  • 1-2 Bootstrap到底是什么?
  • 1-3 如何开始使用Bootstrap
  • 1-4 基本的HTML模板
  • 1-5 全局样式

第2章 排版

  • 2-1 标题(一)
  • 2-2 标题(二)
  • 2-3 段落(正文文本)
  • 2-4 强调内容
  • 2-5 粗体
  • 2-6 斜体
  • 2-7 强调相关的类
  • 2-8 文本对齐风格
  • 2-9 列表--简介
  • 2-10 列表--无序列表、有序列表
  • 2-11 列表--去点列表
  • 2-12 列表--内联列表
  • 2-13 列表--定义列表
  • 2-14 列表--水平定义列表
  • 2-15 代码(一)
  • 2-16 代码(二)
  • 2-17 表格
  • 2-18 表格--表格行的类
  • 2-19 表格--基础表格
  • 2-20 表格--斑马线表格
  • 2-21 表格--带边框的表格
  • 2-22 表格--鼠标悬浮高亮的表格
  • 2-23 表格--紧凑型表格
  • 2-24 表格--响应式表格

第3章 表单

  • 3-1 基础表单
  • 3-2 水平表单
  • 3-3 内联表单
  • 3-4 表单控件(输入框input)
  • 3-5 表单控件(下拉选择框select)
  • 3-6 表单控件(文本域textarea)
  • 3-7 表单控件(复选框checkbox和单选择按钮radio)
  • 3-8 表单控件(复选框和单选按钮水平排列)
  • 3-9 表单控件(按钮)
  • 3-10 表单控件大小
  • 3-11 表单控件状态(焦点状态)
  • 3-12 表单控件状态(禁用状态)
  • 3-13 表单控件状态(验证状态)
  • 3-14 表单提示信息
  • 3-15 按钮
  • 3-16 基本按钮
  • 3-17 默认按钮
  • 3-18 多标签支持
  • 3-19 定制风格
  • 3-20 按钮大小
  • 3-21 块状按钮
  • 3-22 按钮状态——活动状态
  • 3-23 按钮状态——禁用状态
  • 3-24 图像
  • 3-25 图标(一)
  • 3-26 图标(二)

第4章 网格系统

  • 4-1 实现原理
  • 4-2 工作原理
  • 4-3 基本用法
  • 4-4 列偏移
  • 4-5 列排序
  • 4-6 列的嵌套

第5章 菜单、按钮及导航

  • 5-1 下拉菜单(基本用法)
  • 5-2 下拉菜单(原理分析)
  • 5-3 下拉菜单(下拉分隔线)
  • 5-4 下拉菜单(菜单标题)
  • 5-5 下拉菜单(对齐方式)
  • 5-6 下拉菜单(菜单项状态)
  • 5-7 按钮(按钮组)
  • 5-8 按钮(按钮工具栏)
  • 5-9 按钮(嵌套分组)
  • 5-10 按钮(垂直分组)
  • 5-11 按钮(等分按钮)
  • 5-12 按钮下拉菜单
  • 5-13 按钮的向下向上三角形
  • 5-14 向上弹起的下拉菜单
  • 5-15 导航(基础样式)
  • 5-16 导航(标签形tab导航)
  • 5-17 导航(胶囊形(pills)导航)
  • 5-18 导航(垂直堆叠的导航)
  • 5-19 自适应导航(使用)
  • 5-20 自适应导航(实现原理)
  • 5-21 导航加下拉菜单(二级导航)
  • 5-22 面包屑式导航

第6章 导航条、分页导航

  • 6-1 导航条基础
  • 6-2 基础导航条
  • 6-3 为导航条添加标题、二级菜单及状态
  • 6-4 带表单的导航条
  • 6-5 导航条中的按钮、文本和链接
  • 6-6 固定导航条
  • 6-7 响应式导航条
  • 6-8 反色导航条
  • 6-9 分页导航(带页码的分页导航)
  • 6-10 分页导航(翻页分页导航)
  • 6-11 标签
  • 6-12 徽章

第7章 其它内置组件

  • 7-1 缩略图(一)
  • 7-2 缩略图(二)
  • 7-3 警示框
  • 7-4 警示框--默认警示框
  • 7-5 警示框--可关闭的警示框
  • 7-6 警示框--警示框的链接
  • 7-7 进度条
  • 7-8 进度条--基本样式
  • 7-9 进度条--彩色进度条
  • 7-10 进度条--条纹进度条
  • 7-11 进度条--动态条纹进度条
  • 7-12 进度条--层叠进度条
  • 7-13 进度条--带Label的进度条
  • 7-14 媒体对象
  • 7-15 媒体对象--默认媒体对象
  • 7-16 媒体对象--媒体对象的嵌套
  • 7-17 媒体对象--媒体对象列表
  • 7-18 列表组
  • 7-19 列表组--基础列表组
  • 7-20 列表组--带徽章的列表组
  • 7-21 列表组--带链接的列表组
  • 7-22 列表组--自定义列表组
  • 7-23 列表组--列表项的状态设置
  • 7-24 列表组--多彩列表组
  • 7-25 面板
  • 7-26 面板--基础面板
  • 7-27 面板--带有头和尾的面板
  • 7-28 面板--彩色面板
  • 7-29 面板--面板中嵌套表格
  • 7-30 面板--面板中嵌套列表组

第8章 Bootstrap支持的JavaScript插件

  • 8-1 导入JavaScript插件
  • 8-2 动画过渡(Transitions)
  • 8-3 模态弹出框(Modals)
  • 8-4 模态弹出框--结构分析
  • 8-5 模态弹出框--实现原理解析(一)
  • 8-6 模态弹出框--实现原理解析(二)
  • 8-7 模态弹出框--触发模态弹出窗2种方法
  • 8-8 模态弹出框--为弹出框增加过度动画效果
  • 8-9 模态弹出框--模态弹出窗的使用(data-参数说明)
  • 8-10 模态弹出框--模态弹出窗的使用(JavaScript触发)
  • 8-11 模态弹出框--JavaScript触发时的参数设置(一)
  • 8-12 模态弹出框--JavaScript触发时的参数设置(二)
14568
27
1