滚动监听（Scrollspy）插件，即自动更新导航插件，会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动，基于滚动条的位置向导航栏添加 .active class。 如果您想要单独引用该插件的功能，那么您需要引用 scrollspy.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 一、用法 您可以向顶部导航添加滚动监听行为： 1、通过 data 属性：向您想要监听的元...
附加导航（Affix）插件允许某个 <div> 固定在页面的某个位置。您也可以在打开或关闭使用该插件之间进行切换。一个常见的例子是社交图标。它们将在某个位置开始，但当页面点击某个标记，该 <div> 会锁定在某个位置，不会随着页面其他部分一起滚动。 如果您想要单独引用该插件的功能，那么您需要引用 affix.js。 一、用法 可以通过 data 属性或者通过 JavaScript 来使用附加导航（Affix）插件。 1、通过 data 属性：如需向元素添加附...
折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。 如果您想要单独引用该插件的功能，那么您需要引用 collapse.js，或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 一、用法 下表列出了折叠（Collapse）插件用于处理繁重的伸缩的 class：您可以通过以下两种方式使用折叠（Collapse）插件： 通过 data 属性...
在前面 布局组件 章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况被触发。 站点引用 Bootstrap 插件的方式有两种： 单独引用：使用 Bootstrap 的个别的 *.js 文件。一些插件和 C...
Jquery Material Form Plugin是一款基于Bootstrap的Material Design风格的jQuery表单插件。该表单通过自定义样式和jQuery来将Bootstrap的表单修改为扁平风格的表单，并带有浮动标签特效。在线预览 源码下载 使用方法使用该Material Design风格表单需要在页面中引入jquery，bootstrap相关文件和materialFormStyles.css、materialForm.js文件。<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter...
1、Bootstrap 插件概览 在前面 布局组件 章节中所讨论到的组件仅仅是个开始。Bootstrap 自带 12 种 jQuery 插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的 JavaScript 开发人员，您也可以着手学习 Bootstrap 的 JavaScript 插件。利用 Bootstrap 数据 API（Bootstrap Data API），大部分的插件可以在不编写任何代码的情况被触发。2、导入JavaScript插件 Bootstrap除了包含丰富的Web组件之外，如前面介绍的下拉...
自己写的一款基于bootstrap3和jquery的分页插件，初学jquery插件写法，写的很一般。拿出来献丑了。 /** * 基于bootstrap3的jquery分页插件 * 调用方式分两种 * 1.直接调用法 * 普通大小 * $.mypage(id,now,max,fn); * 大尺寸 * $.mypagelg(id,now,max,fn); * 小尺寸 * $.mypagesm(id,now,max,fn); * * 参数说明：id为放置分页容器的ID，now为当前页，max为最大页，fn为回掉函数，回掉函数有一个参数为点击的页码 * * 2.选...
ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称。 ASP.NET Boilerplate是一个用最佳实践和流行技术开发现代WEB应用程序的新起点，它旨在成为一个通用的WEB应用程序框架和项目模板。 ABP的官方网站 ： http://www.aspnetboilerplate.com ABP在Github上的开源项目：https://github.com/aspnetboilerplate 1. 引言 之前的文章ABP入门系列之分页功能的实现讲解了如何进行分页展示，但其分页展示仅适用于前台web分页，在...
在上篇文章给大家介绍了利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站(一)。接下来给大家介绍如果做个点赞插件，一起通过本文学习吧！ 1. 为啥要做这个点赞插件？ praise.js是一款小巧的jQuery点赞插件，使用简便，效果美观。在做个人博客时遇到了文章点赞问题。联想到各大社交网络中的点赞特效：手势放大、红心放大等等，很酷很炫。但是并没有现成的好用的插件，于是就打算自己做一个类似的点赞插件，放上自己喜欢的点赞...
首先需要导入一些js和css文件 <link href="__PUBLIC__/CSS/bootstrap.css" rel="external nofollow" rel="stylesheet"> <link type="text/css" rel="stylesheet" href="__PUBLIC__/CSS/fileinput.css" rel="external nofollow" /><script type="text/javascript" src="__PUBLIC__/JS/bootstrap.min.js"></script> <script type="text/javascript" src="__PUBLIC__/JS/jquery.min.js"></script> <script type="text/javascript" src...
案例 通过此插件可以为几乎所有东西添加下拉菜单，包括导航条、标签页、胶囊式按钮。 用于导航条 导航条分为四个部分。第一部分导航头，第二部分导航列，第三部分form查询表单，第四部分导航列。 [javascript] view plaincopy Toggle navigation Brand
1、滚动监听 案例 滚动监听插件可以根据滚动条的位置自动更新所对应的导航标记。Bootstrap中文网左侧就是一个滚动监听的例子。 代码段： [html] view plaincopy Toggle-navigation ...
简单的标签页 代码： [javascript] view plaincopy 4.3标签页 Home Profile Message 预览下： 给上面的先预定义一些href的标签ID,添加一个下拉菜单 [javascript] view plaincopy Home ...
小伙伴们啊，我JS真的是个渣渣，所以总想要偷懒，于是为了实现效果就把tab插件给改了（各位大神轻拍啊，我是小白，很纯洁滴，小心脏也很脆弱）…… 最近做的项目为了考虑以后的移动设备兼容性，所以用了Bootstrap。首页有一个需要鼠标点击不一样的按钮固定位置图层内容变化的效果（我描述清楚了吗Orz……），如下图： 分别点...
http://www.runoob.com/bootstrap/bootstrap-modal-plugin.html 模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。 如果您想要单独引用该插件的功能，那么您需要引用 modal.js。或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 用法 您可以切换模态框（Moda...