51
Dev开发社区
首页
文章
问答
工具
搜索
登录
注册
#OTS
JS组件系列——Form表单验证神器: BootstrapValidator
前言:做Web开发的我们,表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator。今天就来看看它如何使用吧。介绍它之前,还是给出它的源码以及API的地址吧。bootstrapvalidator源码:https:...
代码星球
·
2020-04-01
JS
组件
系列
Form
表单
JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示
前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑。在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件,这章来看看boo...
代码星球
·
2020-04-01
JS
组件
系列
Bootstrap
寒冬
JS组件系列——两种bootstrap multiselect组件大比拼
前言:今天继续来看看bootstrap的另一个组件:multiselect。记得在项目开始之前,博主项目组几个同事就使用哪些js组件展开过讨论,其中就说到了select组件,由于项目的整体风格使用的bootstrap风格,所以在选用select组件的时候优先考虑和bootstrap结合使用的。其中就找到了两个这种组件,...
代码星球
·
2020-04-01
组件
JS
系列
两种
bootstrap
JS组件系列——Bootstrap文件上传组件:bootstrap fileinput
前言:之前的三篇介绍了下bootstraptable的一些常见用法,发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能,前端使用原始的inputtype='file'这种标签,效果不忍直视,于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源,那么社区肯定有很多关于它的组件,肯定...
代码星球
·
2020-04-01
组件
JS
系列
Bootstrap
文件
前端MVC学习总结(四)——NodeJS+MongoDB+AngularJS+Bootstrap书店示例
这章的目的是为了把前面所学习的内容整合一下,这个示例完成一个简单图书管理模块,因为中间需要使用到Bootstrap这里先介绍Bootstrap。示例名称:天狗书店功能:完成前后端分离的图书管理功能,总结前端学习过的内容。技术:NodeJS、Express、Monk、MongoDB、AngularJS、BootStrap...
代码星球
·
2020-04-01
前端
MVC
学习
总结
NodeJS+MongoDB+AngularJS+Bootstrap
bootstrap(栅格)
offset补偿(课本上或相关教程上一般都把这个叫做“偏移”),其实就是在左侧补列(1~11列)push推pull 拉偏移、推、拉,都有一个参照物,即相对的位置,那就是左侧, 相对于左侧偏移、推、拉 写法比如:col-md-offset-3(在左侧补充3列)col-...
代码星球
·
2020-03-31
bootstrap
栅格
纯手工打造漂亮的瀑布流,五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox!
前两天写的文章《纯手工打造漂亮的垂直时间轴,使用最简单的HTML+CSS+JQUERY完成100个版本更新记录的华丽转身!》受到很多网友的喜爱,今天特别推出姊妹篇《纯手工打造漂亮的瀑布流,五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox!》,希望...
代码星球
·
2020-03-29
手工
打造
亮的
瀑布
五大
三石推荐!把 Bootstrap 小清新带回家!
无敌传送门:http://fineui.com/demo_pro/default.aspx?theme=bootstrap1&menu=accordion 喜欢就来赞一个!把麻烦留给三石,把时间留给自己!把Bootstrap小清新带回家!注:BootstrapPure(小清新)主题下个版本...
代码星球
·
2020-03-29
三石
推荐
Bootstrap
清新
带回家
页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理
实现思路:1、需要有一个层将body遮住,放在body上方。2、修改body的overflow属性值为:hidden废话不多说了,将关键代码贴出来了,兼容火狐,谷歌,ie遮罩层的样式代码,红色部分是关键的部分.cover{position:fixed;top:0px;right:0px;bottom:0px;filte...
IT猿
·
2020-03-28
页面
遮罩层
并且
阻止
body
基于bootstrap-multiselect.js的下拉框联动
背景:当option特别多时,一般的下拉框选择起来就有点力不从心了,所以使用multiselect是个很好的选择,可以通过输入文字来选择选项很方便,但是有一个需要下拉框联动,网上找了半天才找到解决方法,在此分享一下1、先引入 <scriptsrc="~/Assets/js/bootstrap-multi...
IT猿
·
2020-03-28
基于
bootstrap-multiselect.js
下拉
联动
Bootstrap 网格系统的工作原理
网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了Bootstrap网格系统是如何工作的:行必须放置在 .container class内,以便获得适当的对齐(alignment)和内边距(padding)。使用行来创建列的水平组。内容应该放置在列内,且唯有列可以是行的直接子元素。预定义的...
IT猿
·
2020-03-27
Bootstrap
网格
系统
工作
原理
bootstrap-Glyphicons 字体图标
使用的方法:1引入 font-awesome.css文件2fonts文件夹 Bootstrap假定所有的图标字体文件全部位于 ../fonts/ 目录内(可以在font-awesome.css修改fonts的路径)3通过class使用图标字体例如: <...
IT猿
·
2020-03-27
bootstrap-Glyphicons
字体
图标
bootstrap-treeview 在 bootstrap 4 不兼容解决办法及使用
bootstrap-treeview是bootstrap的一个树形插件,插件依赖:bootstrap/3.3.7jquery/3.3.1经过验证,它不可以在bootstrap高于 3.3.7版本中使用,当前treeview的版本为 bootstrap-treeview/1.2.0 ,&nb...
IT猿
·
2020-03-26
bootstrap-treeview
bootstrap
不兼容
解决
办法
使用phpstudy + ThinkPHP5 + bootstrap + jQuery 实现网站前端+后台
内容待更新!...
IT猿
·
2020-03-26
使用
phpstudy
ThinkPHP5
bootstrap
jQuery
基于Bootstrap简单实用的tags标签插件
http://www.htmleaf.com/jQuery/ jQuery之家自由分享jQuery、html5和css3的插件库 ...
IT猿
·
2020-03-26
基于
Bootstrap
简单
用的
tags
首页
上一页
...
31
32
33
34
35
下一页
尾页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他