#OTS

JS组件系列——Form表单验证神器: BootstrapValidator

前言:做Web开发的我们,表单验证是再常见不过的需求了。友好的错误提示能增加用户体验。博主搜索bootstrap表单验证,搜到的结果大部分都是文中的主题:bootstrapvalidator。今天就来看看它如何使用吧。介绍它之前,还是给出它的源码以及API的地址吧。bootstrapvalidator源码:https:...

JS组件系列——Bootstrap寒冬暖身篇:弹出框和提示框效果以及代码展示

前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑。在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的系统有一个友好的弹出提示框,自然能给用户很好的页面体验。前面几章介绍了bootstrap的几个常用组件,这章来看看boo...

JS组件系列——两种bootstrap multiselect组件大比拼

前言:今天继续来看看bootstrap的另一个组件:multiselect。记得在项目开始之前,博主项目组几个同事就使用哪些js组件展开过讨论,其中就说到了select组件,由于项目的整体风格使用的bootstrap风格,所以在选用select组件的时候优先考虑和bootstrap结合使用的。其中就找到了两个这种组件,...

JS组件系列——Bootstrap文件上传组件:bootstrap fileinput

前言:之前的三篇介绍了下bootstraptable的一些常见用法,发现博主对这种扁平化的风格有点着迷了。前两天做一个excel导入的功能,前端使用原始的inputtype='file'这种标签,效果不忍直视,于是博主下定决心要找一个好看的上传组件换掉它。既然bootstrap开源,那么社区肯定有很多关于它的组件,肯定...

前端MVC学习总结(四)——NodeJS+MongoDB+AngularJS+Bootstrap书店示例

这章的目的是为了把前面所学习的内容整合一下,这个示例完成一个简单图书管理模块,因为中间需要使用到Bootstrap这里先介绍Bootstrap。示例名称:天狗书店功能:完成前后端分离的图书管理功能,总结前端学习过的内容。技术:NodeJS、Express、Monk、MongoDB、AngularJS、BootStrap...

bootstrap(栅格)

offset补偿(课本上或相关教程上一般都把这个叫做“偏移”),其实就是在左侧补列(1~11列)push推pull 拉偏移、推、拉,都有一个参照物,即相对的位置,那就是左侧, 相对于左侧偏移、推、拉 写法比如:col-md-offset-3(在左侧补充3列)col-...
代码星球 ·2020-03-31

纯手工打造漂亮的瀑布流,五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox!

 前两天写的文章《纯手工打造漂亮的垂直时间轴,使用最简单的HTML+CSS+JQUERY完成100个版本更新记录的华丽转身!》受到很多网友的喜爱,今天特别推出姊妹篇《纯手工打造漂亮的瀑布流,五大插件一个都不少Bootstrap+jQuery+Masonry+imagesLoaded+Lightbox!》,希望...

三石推荐!把 Bootstrap 小清新带回家!

无敌传送门:http://fineui.com/demo_pro/default.aspx?theme=bootstrap1&menu=accordion  喜欢就来赞一个!把麻烦留给三石,把时间留给自己!把Bootstrap小清新带回家!注:BootstrapPure(小清新)主题下个版本...

页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理

实现思路:1、需要有一个层将body遮住,放在body上方。2、修改body的overflow属性值为:hidden废话不多说了,将关键代码贴出来了,兼容火狐,谷歌,ie遮罩层的样式代码,红色部分是关键的部分.cover{position:fixed;top:0px;right:0px;bottom:0px;filte...

基于bootstrap-multiselect.js的下拉框联动

背景:当option特别多时,一般的下拉框选择起来就有点力不从心了,所以使用multiselect是个很好的选择,可以通过输入文字来选择选项很方便,但是有一个需要下拉框联动,网上找了半天才找到解决方法,在此分享一下1、先引入 <scriptsrc="~/Assets/js/bootstrap-multi...

Bootstrap 网格系统的工作原理

网格系统通过一系列包含内容的行和列来创建页面布局。下面列出了Bootstrap网格系统是如何工作的:行必须放置在 .container class内,以便获得适当的对齐(alignment)和内边距(padding)。使用行来创建列的水平组。内容应该放置在列内,且唯有列可以是行的直接子元素。预定义的...

bootstrap-Glyphicons 字体图标

使用的方法:1引入 font-awesome.css文件2fonts文件夹 Bootstrap假定所有的图标字体文件全部位于 ../fonts/ 目录内(可以在font-awesome.css修改fonts的路径)3通过class使用图标字体例如:  <...

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...

基于Bootstrap简单实用的tags标签插件

http://www.htmleaf.com/jQuery/ jQuery之家自由分享jQuery、html5和css3的插件库  ...
首页上一页...3132333435下一页尾页