上一页 1 2 3 4 5 6 ··· 10 下一页
摘要: 标签页(Tab)在 Bootstrap 导航元素 一章中介绍过。通过结合一些 data 属性,您可以轻松地创建一个标签页界面。通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单标签页中。 用法 您可以通过以下两种方式启用标签页: 通过 data 属性:您需要添加 data-togg 阅读全文
posted @ 2018-06-25 14:58 二进制三 阅读(347) 评论(0) 推荐(0)
摘要: 滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加 .active class。 如果您想要单独引用该插件的功能,那么您需要引用 scrollspy.js。或者,正如 Bootstrap 插件概览 阅读全文
posted @ 2018-06-25 14:34 二进制三 阅读(1687) 评论(0) 推荐(0)
摘要: Bootstrap 下拉菜单 这一章讲解了下拉菜单,但是没有涉及到交互部分,本章将具体讲解下拉菜单的交互。使用下拉菜单(Dropdown)插件,您可以向任何组件(比如导航栏、标签页、胶囊式导航菜单、按钮等)添加下拉菜单。 如果您想要单独引用该插件的功能,那么您需要引用 dropdown.js。或者, 阅读全文
posted @ 2018-06-25 14:28 二进制三 阅读(734) 评论(0) 推荐(0)
摘要: 模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 用法 您可以切换模态框(Modal)插件的隐藏内容: 通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggle="m 阅读全文
posted @ 2018-06-25 14:20 二进制三 阅读(206) 评论(0) 推荐(0)
摘要: 过渡效果(Transition)插件提供了简单的过渡效果。 Transition.js 是 transitionEnd 事件和 CSS 过渡效果模拟器的基本帮助器类。它被其他插件用来检查 CSS 过渡效果支持,并用来获取过渡效果。 使用案例 过渡效果(Transition)插件的使用案例: 具有幻灯 阅读全文
posted @ 2018-06-25 14:15 二进制三 阅读(139) 评论(0) 推荐(0)
摘要: 在前面 布局组件 章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员,您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 阅读全文
posted @ 2018-06-22 16:45 二进制三 阅读(131) 评论(0) 推荐(0)
摘要: 接下来我们通过 Bootstrap3 来创建一个简单的响应式网页。 在学习之前我们可以先看下效果:https://www.runoob.com/try/demo_source/bootstrap3-makewebsite.htm <divclass="jumbotron text-center"st 阅读全文
posted @ 2018-06-22 16:33 二进制三 阅读(271) 评论(0) 推荐(0)
摘要: Well 是一种会引起内容凹陷显示或插图效果的容器 <div>。为了创建 Well,只需要简单地把内容放在带有 class .well 的 <div> 中即可。下面的实例演示了一个默认的 Well: 结果如下所示: 尺寸大小 您可以使用可选类 well-lg 或 well-sm 来改变 Well 的 阅读全文
posted @ 2018-06-22 16:30 二进制三 阅读(156) 评论(0) 推荐(0)
摘要: 本章将讲解 Bootstrap 面板(Panels)。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板,只需要向 <div> 元素添加 class .panel 和 class .panel-default 即可,如下面的实例所示: 结果如下所示: 面板标题 我们可以通过以下两种方式 阅读全文
posted @ 2018-06-22 16:27 二进制三 阅读(386) 评论(0) 推荐(0)
摘要: 本章我们将讲解列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下: 向元素 <ul> 添加 class .list-group。 向 <li> 添加 class .list-group-item。 下面的实例演示了这点: 结果如下所示: 向列表组添加徽章 我们可以 阅读全文
posted @ 2018-06-22 16:24 二进制三 阅读(163) 评论(0) 推荐(0)
上一页 1 2 3 4 5 6 ··· 10 下一页