bootstrap 类目的文章存档第1页 - IT程序员的互联网资讯平台

【bootstrap教程】Bootstrap CSS编码规范

Bootstrap CSS编码规范 code { font-family: 'PT Mono', Menlo, 'Courier New', monospace; padding: 2px 4px; font-size: 85%; color: #d44950; background-color: #f7f7f9; b...

发布于 2014-11-28 14:33:28 栏目： bootstrap

【bootstrap教程】Bootstrap HTML编码规范

Bootstrap HTML编码规范 code { font-family: 'PT Mono', Menlo, 'Courier New', monospace; padding: 2px 4px; font-size: 85%; color: #d44950; background-color: #f7f7f9; ...

发布于 2014-11-28 13:53:31 栏目： bootstrap

【bootstrap教程】Bootstrap v2 教程

Bootstrap v2 教程 Bootstrap，来自 Twitter，是基于 HTML、CSS、JAVASCRIPT 的简介灵活的流行前段框架及交互组件集。现在开始学习 Bootstrap！内容列表 Bootstrap 简介 Bootstrap CSS 概览 Bootstrap 网格系统 Bootstrap 布局 Bootstrap 响应式设计 Bo...

发布于 2014-11-28 14:18:10 栏目： bootstrap

【bootstrap教程】Bootstrap UI 编辑器

Bootstrap UI 编辑器以下是 15 款最好的 Bootstrap 编辑器或者是在线编辑工具。 1. Bootstrap Magic 这是一个 Bootstrap 主题生成器，使用最新的 Bootstrap 3 版本和 Angular JS 版本，提供一个鲜活的用户修改预览。它包括了各种各样的导入，一个颜色选择器和智能的预先输入。更神奇的是，Boo...

发布于 2014-11-28 14:01:05 栏目： bootstrap

【bootstrap教程】Bootstrap 附加导航（Affix）插件

Bootstrap 附加导航（Affix）插件附加导航（Affix）插件允许某个 <div> 固定在页面的某个位置。您也可以在打开或关闭使用该插件之间进行切换。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 <div> 会锁定在某个位置，不会随着页面其他部分一起滚动。如果您...

发布于 2014-11-28 13:48:18 栏目： bootstrap

【bootstrap教程】Bootstrap 轮播（Carousel）插件

Bootstrap 轮播（Carousel）插件 Bootstrap 轮播（Carousel）插件是一种灵活的响应式的向站点添加滑块的方式。除此之外，内容也是足够灵活的，可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。如果您想要单独引用该插件的功能，那么您需要引用 carousel.js。或者，正如 Bootstrap 插件概览一章中所提到...

发布于 2014-11-28 13:37:40 栏目： bootstrap

【bootstrap教程】Bootstrap 折叠（Collapse）插件

Bootstrap 折叠（Collapse）插件折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。如果您想要单独引用该插件的功能，那么您需要引用 collapse.js。同时，也需要在您的 Bootstrap 版本中引用 Transition（过渡）插件。或者，正如 Bootstrap...

发布于 2014-11-28 13:31:43 栏目： bootstrap

【bootstrap教程】Bootstrap 按钮（Button）插件

Bootstrap 按钮（Button）插件按钮（Button）在 Bootstrap 按钮一章中介绍过。通过按钮（Button）插件，您可以添加进一些交互，比如控制按钮状态，或者为其他组件（如工具栏）创建按钮组。如果您想要单独引用该插件的功能，那么您需要引用 button.js。或者，正如 Bootstrap 插件概览一章中所提到，您可以引用 bo...

发布于 2014-11-28 13:04:21 栏目： bootstrap

【bootstrap教程】Bootstrap 警告框（Alert）插件

Bootstrap 警告框（Alert）插件警告框（Alert）消息大多是用来想终端用户显示诸如警告或确认消息的信息。使用警告框（Alert）插件，您可以向所有的警告框消息添加可取消（dismiss）功能。如果您想要单独引用该插件的功能，那么您需要引用 alert.js。或者，正如 Bootstrap 插件概览一章中所提到，您可以引用 bootstra...

发布于 2014-11-28 13:21:21 栏目： bootstrap

【bootstrap教程】Bootstrap 弹出框（Popover）插件

Bootstrap 弹出框（Popover）插件弹出框（Popover）与工具提示（Tooltip）类似，提供了一个扩展的视图。如需激活弹出框，用户只需把鼠标悬停在元素上即可。弹出框的内容完全可使用 Bootstrap 数据 API（Bootstrap Data API）来填充。该方法依赖于工具提示（tooltip）。如果您想要单独引用该插件的功能，那么...

发布于 2014-11-28 12:56:40 栏目： bootstrap

【bootstrap教程】Bootstrap 工具提示（Tooltip）插件

Bootstrap 工具提示（Tooltip）插件当您想要描述一个链接的时候，工具提示（Tooltip）就显得非常有用。工具提示（Tooltip）插件是受 Jason Frame 写的 jQuery.tipsy 的启发。工具提示（Tooltip）插件做了很多改进，例如不需要依赖图像，而是改用 CSS 实现动画效果，用 data 属性存储标题信息。如果您想...

发布于 2014-11-28 12:56:46 栏目： bootstrap

【bootstrap教程】Bootstrap 标签页（Tab）插件

Bootstrap 标签页（Tab）插件标签页（Tab）在 Bootstrap 导航元素一章中介绍过。通过结合一些 data 属性，您可以轻松地创建一个标签页界面。通过这个插件您可以把内容放置在标签页或者是胶囊式标签页甚至是下拉菜单标签页中。如果您想要单独引用该插件的功能，那么您需要引用 tab.js。或者，正如 Bootstrap 插件概览一章中所...

发布于 2014-11-28 12:51:11 栏目： bootstrap

【bootstrap教程】Bootstrap 滚动监听（Scrollspy）插件

Bootstrap 滚动监听（Scrollspy）插件滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动，基于滚动条的位置向导航栏添加 .active class。如果您想要单独引用该插件的功能，那么您需要引用 scrollspy.js。或者，正如 Bootstrap 插件概览一...

发布于 2014-11-28 12:35:28 栏目： bootstrap

【bootstrap教程】Bootstrap 下拉菜单（Dropdown）插件

Bootstrap 下拉菜单（Dropdown）插件 Bootstrap 下拉菜单这一章讲解了下拉菜单，但是没有涉及到交互部分，本章将具体讲解下拉菜单的交互。使用下拉菜单（Dropdown）插件，您可以向任何组件（比如导航栏、标签页、胶囊式导航菜单、按钮等）添加下拉菜单。如果您想要单独引用该插件的功能，那么您需要引用 dropdown.js。或者，正如 ...

发布于 2014-11-28 12:57:51 栏目： bootstrap

【bootstrap教程】Bootstrap 模态框（Modal）插件

Bootstrap 模态框（Modal）插件模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。如果您想要单独引用该插件的功能，那么您需要引用 modal.js。或者，正如 Bootstrap 插件概览一章中所提到，您可以引用 bootstrap.js 或...

发布于 2014-11-28 12:25:10 栏目： bootstrap

【bootstrap教程】Bootstrap 过渡效果（Transition）插件

Bootstrap 过渡效果（Transition）插件过渡效果（Transition）插件提供了简单的过渡效果。如果您想要单独引用该插件的功能，那么除了其他的 JS 文件，您还需要引用 transition.js。或者，正如 Bootstrap 插件概览一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。...

发布于 2014-11-28 12:40:27 栏目： bootstrap

【bootstrap教程】Bootstrap 插件概览

Bootstrap 插件概览在前面布局组件章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap ...

发布于 2014-11-28 12:43:22 栏目： bootstrap

【bootstrap教程】Bootstrap Well

Bootstrap Well Well 是一种会引起内容凹陷显示或插图效果的容器 <div>。为了创建 Well，只需要简单地把内容放在带有 class .well 的 <div> 中即可。下面的实例演示了一个默认的 Well： Bootstrap 实例 - 默认的 Well 您好，我在 Well 中！...

发布于 2014-11-28 12:50:54 栏目： bootstrap

【bootstrap教程】Bootstrap 面板（Panels）

Bootstrap 面板（Panels）本章将讲解 Bootstrap 面板（Panels）。面板组件用于把 DOM 组件插入到一个盒子中。创建一个基本的面板，只需要向 <div> 元素添加 class .panel 和 class .panel-default 即可，如下面的实例所示： Bootstrap 实例 - 默认的面板...

发布于 2014-11-28 12:38:09 栏目： bootstrap

【bootstrap教程】Bootstrap 列表组

Bootstrap 列表组本章我们将讲解列表组。列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个基本的列表组的步骤如下：向元素 <ul> 添加 class .list-group。向 <li> 添加 class .list-group-item。下面的实例演示了这点： Bootstrap...

发布于 2014-11-28 12:36:52 栏目： bootstrap