摘要: 一、BootstrapValidator插件简介 BootstrapValidator,是基于Bootstrap的表单校验插件,内置了许多表单验证器,也可以自定义验证器 BootstrapValidator的开发者:国外的nghuuphuoc开发的 BootstrapValidator包下载地址: 阅读全文
posted @ 2021-09-30 16:39 AnnLing 阅读(303) 评论(0) 推荐(0) 编辑
摘要: 轮播图 轮播插件(carousel),一般是将大小相同的图片按照顺序依次播放。 1、轮播实例 1.1 通过data属性调用轮播插件 <!DOCTYPE html> <html> <head> <!-- HTML5文档类型 --> <meta charset="utf-8"> <!-- 移动端适配 - 阅读全文
posted @ 2021-09-30 16:07 AnnLing 阅读(799) 评论(0) 推荐(0) 编辑
摘要: 折叠插件 折叠插件(collapse),通过点击折叠和展开内容。 1、折叠插件的用法 1.1 通过data属性调用折叠插件 <!-- 方法1 通过data属性调用折叠插件 --> <button class="btn btn-primary" data-toggle="collapse" data- 阅读全文
posted @ 2021-09-30 14:37 AnnLing 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 弹出框 弹出框依赖 工具提示插件 ,因此,如果你定制了 Bootstrap,一定要注意将依赖的插件编译进去。 由于性能的原因,工具提示和弹出框的 data 编程接口(data api)是必须要手动初始化的。在一个页面上一次性初始化所有弹出框的方式是通过 data-toggle 属性选中他们: $(f 阅读全文
posted @ 2021-09-30 11:47 AnnLing 阅读(551) 评论(0) 推荐(0) 编辑
摘要: 工具提示 工具提示插件是指当鼠标移动到元素上时显示提示消息,也可以自定义显示的方式。该插件必须要写 1、工具提示插件的实例 <!-- 工具提示 --> <button class="btn btn-default" data-toggle="tooltip" data-placement="left 阅读全文
posted @ 2021-09-30 10:21 AnnLing 阅读(114) 评论(0) 推荐(0) 编辑