摘要: Bootstrap 下拉菜单(Dropdown)插件 Bootstrap 下拉菜单 这一章讲解了下拉菜单,但是没有涉及到交互部分,本章将具体讲解下拉菜单的交互。使用下拉菜单(Dropdown)插件,您可以向任何组件(比如导航栏、标签页、胶囊式导航菜单、按钮等)添加下拉菜单。 用法 您可以切换下拉菜单 阅读全文
posted @ 2016-06-06 22:14 zzjeny 阅读(930) 评论(0) 推荐(0) 编辑
摘要: Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 (1)提供信息、警告信息、大文本; (2)确认按钮(多按钮); (3)显示表单元素;(一般用Ajax操 阅读全文
posted @ 2016-06-06 16:59 zzjeny 阅读(17035) 评论(0) 推荐(0) 编辑
摘要: 最近看到一个面试题上面有一个问题是:请解释ARIA和屏幕阅读器是什么?以及如何使用网站实现无障碍访问? 然后在看bootstrap的时候也有很多属性不知道是什么意思,就搜了一下,下面总结: WAI-ARIA无障碍网页应用属性完全展示: from http://www.zhangxinxu.com h 阅读全文
posted @ 2016-06-05 15:58 zzjeny 阅读(560) 评论(0) 推荐(0) 编辑
摘要: Bootstrap 标签 本章将讲解 Bootstrap 标签。标签可用于计数、提示或页面上其他的标记显示。使用.label 来显示标签,如下面的实例所示: 可以使用修饰的 class label-default、label-primary、label-success、label-info、labe 阅读全文
posted @ 2016-06-01 15:52 zzjeny 阅读(311) 评论(0) 推荐(0) 编辑
摘要: Bootstrap 分页 本章将讲解 Bootstrap 支持的分页特性。分页(Pagination)是一种无序列表,Bootstrap 像处理其他界面元素一样处理分页。 1、分页(Pagination) 下表列出了 Bootstrap 提供的处理分页的 class。 Class描述示例代码 .pa 阅读全文
posted @ 2016-06-01 15:31 zzjeny 阅读(264) 评论(0) 推荐(0) 编辑
摘要: Bootstrap 导航栏 导航栏是一个很好的功能,是 Bootstrap 网站的一个突出特点。导航栏在您的应用或网站中作为导航页头的响应式基础组件。导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开。在 Bootstrap 导航栏的核心中,导航栏包括了站点名称和基本的导航 阅读全文
posted @ 2016-06-01 15:08 zzjeny 阅读(268) 评论(0) 推荐(0) 编辑
摘要: Bootstrap 导航元素 本章我们将讲解 Bootstrap 提供的用于定义导航元素的一些选项。它们使用相同的标记和基类 .nav。Bootstrap 也提供了一个用于共享标记和状态的帮助器类。改变修饰的 class,可以在不同的样式间进行切换。 .nav是标签页的基类; .nav-tabs是标 阅读全文
posted @ 2016-05-31 15:49 zzjeny 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 一、Bootstrap 输入框组 本章将讲解 Bootstrap 支持的另一个特性,输入框组。输入框组扩展自 表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。 通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如您可以添加美元符号,或者在Tw 阅读全文
posted @ 2016-05-31 10:52 zzjeny 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 一、css组件——下拉菜单 本章将重点介绍 Bootstrap 下拉菜单。下拉菜单是可切换的,是以列表格式显示链接的上下文菜单。这可以通过与 下拉菜单(Dropdown) JavaScript 插件 的互动来实现。 如需使用下列菜单,只需要在 class .dropdown 内加上下拉菜单即可。下面 阅读全文
posted @ 2016-05-30 16:08 zzjeny 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 1、文本颜色类: 2、背景颜色类: 以下不同的类展示了不同的背景颜色。 如果文本是个链接鼠标移动到文本上会变暗: 3、三角符号:<span class="caret"></span>(显示下拉式功能) 4、快速浮动类: 5、让内容块网页居中: 6、其他 阅读全文
posted @ 2016-05-30 14:08 zzjeny 阅读(180) 评论(0) 推荐(0) 编辑