-
BootStrap table表格插件自适应固定表头(超好用)
所属栏目：[安全] 日期：2020-12-18 热度：194
首先是简单的页面形式，大家可以按照平常画表格的方式来创建html表格，然后通过js控制特殊的样式等操作（优点是表格更加直观，方便调整表格样式等，速度快） 当然，也可以只在页面上放一个table标签，之后的所有数据和样式都通过js控制也是可以的，后面会说[详细]
-
BootStrap+Angularjs+NgDialog实现模式对话框
所属栏目：[安全] 日期：2020-12-18 热度：180
本篇文章主要介绍了"angularjs+bootstrap+ngDialog实现模式对话框"，对于Javascript教程感兴趣的同学可以参考一下： 在完成一个后台管理系统时，需要用表显示注册用户的信息。但是用户地址太长了，不好显示。所以想做一个模式对话框，点击详细地址按钮时，弹[详细]
-
Bootstrap和Angularjs配合自制弹框的实例代码
所属栏目：[安全] 日期：2020-12-18 热度：87
指令 以上所述是小编给大家介绍的Bootstrap和Angularjs配合自制弹框。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。[详细]
-
BootStrap无限级分类(无限极分类封装版)
所属栏目：[安全] 日期：2020-12-18 热度：51
HTML部分 多级联动封装 duoji.js 代码 请选择 ";var list=data.data;for(var key in list){option+=" "+list[key].areaname+" ";}$(' ').appendTo(box).find('select').bind('change',function(){obj.change($(this))});},'jsonp');},//change事件change:fun[详细]
-
利用Angularjs和Bootstrap前端开发案例实战
所属栏目：[安全] 日期：2020-12-18 热度：94
我们将利用Angularjs 和 Bootstrap，开发一个前端应用实例，通过这一次简单的项目实战，引领大家进入AngularJS前端开发的殿堂，并向大家介绍一下几个知识点：1.MVC 基础，通过项目实例，让大家初步体会MVC设计模式的应用。2.构建我们第一个AngularJS应用，通[详细]
-
妙用Bootstrap的 popover插件实现校验表单提示功能
所属栏目：[安全] 日期：2020-12-18 热度：105
最近的项目，用Bootstrap比较多。浏览Bootstrap文档，发现 popover 插件特别适合做表单校验出错的提示。 因为使的非常频繁，最近把它封住下，做成 jQuery的插件。 通过 本插件，在 html标签中 定义好 data-vaild=”校验正则” data-errmsg=”错误信息即可”[详细]
-
基于Bootstrap的Metronic框架实现页面链接收藏夹功能
所属栏目：[安全] 日期：2020-12-18 热度：75
在一个系统里面，往往有很多菜单项目，每个菜单项对应一个页面，一般用户只需要用到一些常用的功能，如果每次都需要去各个层次的菜单里面去找对应的功能，那确实有点繁琐。特别是在菜单繁多，而客户又对系统整体不熟悉的情况下，如果有一个类似浏览器的收藏[详细]
-
基于BootStrap的Metronic框架实现页面链接收藏夹功能按钮移动收
所属栏目：[安全] 日期：2020-12-18 热度：53
在上篇文章：，介绍了链接收藏夹功能的实现，以及对收藏记录的排序处理。该篇随笔主要使用功能按钮的方式移动收藏记录，功能虽然实现的还算不错，不过文章出来后，有读者同行指出可以利用直接拖动的方式实现排序更方便，因此对其中列表记录的排序进行了研究[详细]
-
基于Bootstrap的Metronic框架实现条码和二维码的生成及打印处理
所属栏目：[安全] 日期：2020-12-18 热度：131
在很多项目里面，对条形码和二维码的生成和打印也是一种很常见的操作，在Web项目里面，我们可以利用JS生成条形码和二维码的组件有很多。本文引入两个比较广泛使用的JS组件，用来处理条形码和二维码的生成处理，并介绍如何利用CLODOP组件实现内容的打印输出。[详细]
-
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
所属栏目：[安全] 日期：2020-12-18 热度：73
在使用bootstrap制作后台时用到了响应式导航条，其中dropdown组件更是用的比较多，用的多需要点击的就多，dropdown默认鼠标左键单击才展开，如果使用鼠标放上去（hover）就展开则会省去点击时间，这样能提高效率。 原本的改造思路是： 给dropdown元素绑定hov[详细]
-
JS表格组件BootstrapTable行内编辑解决方案x-editable
所属栏目：[安全] 日期：2020-12-18 热度：55
前言：之前介绍bootstrapTable组件的时候有提到它的行内编辑功能，只不过为了展示功能，将此一笔带过了，罪过罪过！最近项目里面还是打算将行内编辑用起来，于是再次研究了下x-editable组件，遇到过一些坑，再此做个采坑记录吧！想要了解bootstrapTable的朋[详细]
-
AngularJs bootstrap详解及示例代码
所属栏目：[安全] 日期：2020-12-18 热度：101
AngularJs学习笔记系列第一篇，希望我可以坚持写下去。本文内容主要来自 http://docs.angularjs.org/guide/ 文档的内容，但也加入些许自己的理解与尝试结果。 一、总括 本文用于解释Angular初始化的过程，以及如何在你有需要的时候对Angular进行手工初始化。[详细]
-
AngularJs bootstrap搭载前台框架——准备工作
所属栏目：[安全] 日期：2020-12-18 热度：50
1.关于什么是AngularJs以及什么是bootstrap我就不多说了，简单说下，AngularJs是一个比较强大前台MVC框架，bootstrap是Twitter推出的一个用于前端开发的开源工具包，可以迅速搭建web前台，可以去官网看看（AngularJs：http://angularjs.org/ ，bootstrap：ht[详细]
-
AngularJs bootstrap搭载前台框架——基础页面
所属栏目：[安全] 日期：2020-12-18 热度：94
1.用AngularJs app种子初步搭载好框架之后就需要我们手动往里面填充一些东西了，首先打开我们的app文件夹下面的index.html,加入一些我们需要用的js和css（当然是bootstrap的），代码如下： 当然要记得我们这里只是引入，还需要真正的加入这些js和css才行，具[详细]
-
AngularJs bootstrap搭载前台框架——js控制部分
所属栏目：[安全] 日期：2020-12-18 热度：97
这个简单的框架最后只剩下了js的控制部分了，angular框架有自己的逻辑部分，有自己的controller和service层，由于我们可能要用到angular的一些内置的resource和cookie，所以我们需要再加入angular的一些lib： --------------index.html------------------ 首[详细]
-
Bootstrap使用基础教程详解
所属栏目：[安全] 日期：2020-12-18 热度：190
一：Bootstrap简介 Boostrap是一个非常受欢迎的前端开发框架，该框架极大的提高前端团队的开发效率。 Bootstrap对常见的CSS布局组件和JavaScript插件进行了完整的封装，使开发人员可以轻松使用。 使用Bootstrap可以快速制作精美的响应式页面，并且兼容移动端[详细]
-
BootStrap使用file-input插件上传图片的方法
所属栏目：[安全] 日期：2020-12-18 热度：58
最近在写自己的个人网站,前端使用的bootstrap框架,做到上传图片功能的时候网上找到一个基于bootstrap的图片上传框架 file-input 插件,这个插件做的非常符合我的审美观,所以简单记录一下这个插件的使用方法 首先根据自己的项目路径引入插件css和js文件 注意lo[详细]
-
Bootstrap中的fileinput 多图片上传及编辑功能
所属栏目：[安全] 日期：2020-12-18 热度：179
大家如果对Bootstrap-fileinput 的配置不清楚的话，大家可以查看官方网站：。 逻辑说明：先从后台获取数据展示，然后进行编辑。 废话不多说， 直接上代码. 1. 页面部分代码： 说明： 其中onchange()为我业务需要， 上传完成后自动执行一个添加事件。 此方法[详细]
-
BootStrap glyphicon图标无法显示的解决方法
所属栏目：[安全] 日期：2020-12-18 热度：156
如果不注意bootstrap引入css和fonts的规范，则可能会导致bootstrap 在显示glyphicon图标时无法正常显示，显示为方框。 此时可搜索bootstrap.css中的.glyphicon，可发现其大约上下10行左右有引入字体的URL，如下所示： 确保该目录存在即可。 通常出错是因为路[详细]
-
BootStrap中的表单大全
所属栏目：[安全] 日期：2020-12-18 热度：134
表单 基础表单 对于表单中的input、textarea、select，一般我都会加上类”form-control”,它设置元素的默认宽度为100%（并不是绝对，比如下述的内联表单）。并且每个元素（包括label和待输入元素）都会加上”form-group”。它的样式只有一个。margin-bottom:[详细]
-
全面解析Bootstrap表单样式的使用
所属栏目：[安全] 日期：2020-12-18 热度：80
本文主要给大家介绍了bootstrap表单样式的使用知识，非常不错，一起看看吧！ 表单 效果图: class: form-control 1、宽度变成了100%,2、设置了一个浅灰色（#ccc）的边框,3、具有4px的圆角,4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化,5[详细]
-
Bootstrap菜单按钮及导航实例解析
所属栏目：[安全] 日期：2020-12-18 热度：133
下拉菜单 特别声明：因为Bootstrap的组件交互效果都是依赖于jQuery库写的插件，所以在使用bootstrap.min.js之前一定要先加载jquery.min.js才会生效果。 效果图: 实现原理: 在刚开始的时候,其中class中有一个display:none;下面看一下css 然后利用点击事件,控[详细]
-
利用bootstrapValidator验证UEditor
所属栏目：[安全] 日期：2020-12-18 热度：132
我们的项目使用了bootstrapValidator来作为前端校验，但是表单里面有一个UEditor，它用bootstrapValidator是没有效果的，为了页面风格统一，只要修修改改咯 首先来看一下修改后的效果 上面的UEditor是我们的业务需要调整成这样的，首先我们我们先把基本的结[详细]
-
一步一步封装自己的HtmlHelper组件BootstrapHelper（二）
所属栏目：[安全] 日期：2020-12-18 热度：191
前言：介绍了下封装BootstrapHelper的一些基础知识，这篇继续来完善下。参考HtmlHelper的方式，这篇博主先来封装下一些常用的表单组件。关于BootstrapHelper封装的意义何在，上篇评论里面已经讨论得太多，这里也不想过多纠结。总之一句话：凡事有得必有失，[详细]
-
一步一步封装自己的HtmlHelper组件BootstrapHelper（三）
所属栏目：[安全] 日期：2020-12-18 热度：70
前言：之前的两篇封装了一些基础的表单组件，这篇继续来封装几个基于bootstrap的其他组件。和上篇不同的是，这篇的有几个组件需要某些js文件的支持。 BootstrapHelper系列文章目录 一、NumberBoxExtensions NumberBoxExtensions是一个基于bootstrap风格的数[详细]
