摘要:
学习要点: 1.轮播插件 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 中的轮播插件。 一.轮播 轮播插件就是将几张同等大小的大图,按照顺序依次播放。 //基本实例。 data 属性解释: 1.data-slide 接受关键字 prev 或 next,用来改变幻灯片相对于当前位置的位 阅读全文
摘要:
学习要点: 1.按钮 2.折叠 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 中的按钮和折叠插件。 一.按钮 可以通过按钮插件创建不同状态的按钮。 //单个切换。 注:在 Firefox 多次页面加载时,按钮可能保持表单的禁用或选择状态。解决方案是:添加 autocomplete=" 阅读全文
摘要:
学习要点: 1.弹出框 2.警告框 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 中的弹出框和警告框插件。 一.弹出框 弹出框即点击一个元素弹出一个包含标题和内容的容器。 //基本用法 //JavaScript 初始化 弹出框插件有很多属性来配置提示的显示,具体如下: 通过 Java 阅读全文
摘要:
学习要点: 1.标签页 2.工具提示 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 中的标签页和工具提示插件。 一.标签页 标签页也就是通常所说的选项卡功能。 //基本用法 //可以设置淡入淡出效果 fade,而 in 表示首选的内容默认显示 //也可以换成胶囊式 //data-ta 阅读全文
摘要:
学习要点: 1.下拉菜单 2.滚动监听 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 中的下拉菜单插件, 这个插件在以组件的形式我们已经学习过,那么现在来看看怎么和 JavaScript 交互的。 一.下拉菜单 常规使用中,和组件方法一样,代码如下: //声明式用法 声明式用法的关键 阅读全文
摘要:
学习要点: 1.基本使用 2.用法说明 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 中的模态框插件, 这是一款交互式网站非常常见的弹窗功能插件。 一.基本使用 使用模态框的弹窗组件需要三层 div 容器元素,分别为 modal(模态声明层)、 dialog(窗口声明层)、conte 阅读全文
摘要:
学习要点: 1.列表组组件 2.面板组件 3.响应式嵌入组件 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 的三个组件功能:列表组组件、面板组件、 响应式嵌入组件。 一.列表组组件 列表组组件用于显示一组列表的组件。 //基本实例 //列表项带勋章 //链接和首选 //按钮式列表 / 阅读全文
摘要:
学习要点: 1.Well 组件 2.进度条组件 3.媒体对象组件 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 的三个组件功能:Well 组件、进度条组件、媒体对象组件。 一.Well 组件 这个组件可以实现简单的嵌入效果。 //嵌入效果 //有 lg 和 sm 两种可选值 二.进度 阅读全文
摘要:
学习要点: 1.巨幕组件 2.页头组件 3.缩略图组件 4.警告框组件 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 的四个组件功能:巨幕组件、页头组件、缩略图组件和警告框组件。 一.巨幕组件 巨幕组件主要是展示网站的关键性区域。 //在固定的范围内,有圆角 //100%全屏,没有圆 阅读全文
摘要:
学习要点: 1.路径组件 2.分页组件 3.标签组件 4.徽章组件 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 的四个组件功能:路径组件、分页组件、标签组件和徽章组件。 一.路径组件 路径组件也叫做面包屑导航。 //面包屑导航 二.分页组件 分页组件可以提供带有展示页面的功能。 / 阅读全文
摘要:
学习要点: 1.输入框组件 2.导航组件 3.导航条组件 主讲教师:李炎恢 本节课我们主要学习一下Bootstrap的两个个组件功能: 输入框组件和导航导航条组件。 一.输入框组件 文本输入框就是可以在<input>元素前后加上文字或按钮,可以实现对表单控件的扩展。 //在左侧添加文字 //在右侧添 阅读全文
摘要:
学习要点: 1.小图标组件 2.下拉菜单组件 3.按钮组组件 4.按钮式下拉菜单 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 的三个组件功能:小图标组件、下拉菜单组件和各种按钮组件。 一.小图标组件 Bootstrap 提供了免费的 263 个小图标(数了两次),具体可以参考中文官 阅读全文
摘要:
学习要点: 1.辅组类 2.响应式工具 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 的辅组类和响应式工具, 辅助类提供了一组类来辅组页面设计,而响应式工具则利用媒体查询显示或隐藏某些内容。 一.辅助类 Bootstrap 在布局方面提供了一些细小的辅组样式,用于文字颜色以及背景色的 阅读全文
摘要:
学习要点: 1.移动设备优先 2.布局容器 3.栅格系统 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 的栅格系统,提供了一套响应式、移动设备优先的流式栅格系统。 一.移动设备优先 在 HTML5 的项目中,我们做了移动端的项目。它有一份非常重要的 meta,用于设置屏幕和设备等宽以 阅读全文
摘要:
学习要点: 1.表单 2.图片 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 表单和图片功能,通过内置的 CSS 定义,显示各种丰富的效果。 一.表单 Bootstrap 提供了一些丰富的表单样式供开发者使用。 1.基本格式 //实现基本的表单样式 注:只有正确设置了输入框的 typ 阅读全文