前言：最近好多朋友在群里面聊到bootstrapicon图标的问题，比如最常见的菜单管理，每个菜单肯定需要一个对应的菜单图标，要是有一个可视化的图标选择组件就好了，最好是直接选择图标，就能得到对应的class样式。于是乎各种百度，皇天不负有心人，最后被博主找到了，感觉效果还不错，并且支持自定义的图标，今天就拿出来分享下...

前言：最近项目里面需要用到表格的冻结列功能，所谓“冻结列”，就是某些情况下表格的列比较多，需要固定前面的几列，后面的列滚动。遗憾的是，bootstraptable里自带的fixedcolumn功能有一点bug，于是和同事讨论该如何解决，于是就有了这篇文章。最近项目里面有一个表格需求，该表格列是动...

 前言：之前的一篇介绍了下如何封装自己的组件，这篇再次来体验下自己封装组件的乐趣。看过博主博客的园友应该记得之前分享过一篇树形菜单的使用JS组件系列——Bootstrap树控件使用经验分享，这篇里面第一个JqueryTree，只是用简单样式和js去实现了效果，没有给出一个系统的封装，这...

前言：很多时候我们在项目中需要用到树，有些树仅仅是展示层级关系，有些树是为了展示和编辑层级关系，还有些树是为了选中项然后其他地方调用选中项。不管怎么样，树控件都是很多项目里面不可或缺的组件之一。今天，博主打算结合自己的使用经历和网上找到的一些不错的树控件在这里做一个分享，希望能帮大家找到最合适的控件。还是那句话：控件没...

前言：在介绍select组件的时候，博主之前分享过一篇JS组件系列——两种bootstrapmultiselect组件大比拼，这两个组件的功能确实很强大，只可惜没有图文结合的效果（也就是将图片放入到select里面随着文字一起显示）。前两天做一个菜单图标选择的功能，就要用到这个图文选择的功能。于...

前言：最近园子里多了许多谈语言、谈环境、谈逼格（格局）的文章，看看笑笑过后，殊不知其实都是然并卵。提升自己的技术才是王道。之前博主分享过多篇bootstrap组件的文章，引起了很多园友的关注和支持，看样子这种风格还是受到很多园友青睐的。本着不辜负园友们的支持的原则，应群友们的要求，今天来分享下项目中使用Ace模板的菜单...

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

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

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

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

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

offset补偿（课本上或相关教程上一般都把这个叫做“偏移”），其实就是在左侧补列（1~11列）push推pull 拉偏移、推、拉，都有一个参照物，即相对的位置，那就是左侧， 相对于左侧偏移、推、拉 写法比如：col-md-offset-3（在左侧补充3列）col-...

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

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

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