面板
面板（Panels）是Bootstrap框架新增的一个组件，其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码：
? Less版本：对应的源码文件是 panels.less
? Sass版本：对应的源码文件是 _panels.scss
? 编译后的Bootstrap：对应bootstrap.css文件第4995...
分类：
其他好文 时间：
2015-02-04 00:42:20
阅读次数：
208
进度条
在网页中，进度条的效果并不少见，比如一个评分系统，比如加载状态等。就如下图所示的一个评分系统，他就是一个简单的进度条效果：
进度条和其他独立组件一样，开发者可以根据自己的需要，选择对应的版本：
? LESS版本：源码文件progress-bars.less
? Sass版本：源码文件_progress-bars.scss
? 编译后...
分类：
其他好文 时间：
2015-02-03 22:59:15
阅读次数：
550
警示框
在网站中，网页总是需要和用户一起做沟通与交流。特别是当用户操作上下文为用户提供一些有效的警示框，比如说告诉用户操作成功、操作错误、提示或者警告等。如下图所示：
在Bootstrap框架有一个独立的组件，实现上述的效果，这个组件被称为警示框。
源码版本：
? LESS版本：对应的源码文件alerts.less
? Sass版本：对应的源码文件_a...
分类：
其他好文 时间：
2015-02-03 22:57:03
阅读次数：
250
为什么不说SASS？因为它需要安装Ruby,而一般的前端开发人员是不会特地去安装Ruby。我似乎更喜欢nodejs！ok,那么我们怎么在stylus和less 之间做出一个好的选择呢？首先我本人是webstorm的重度用户，所以我的考量也会基于webstorm来进行：1.方便快捷性 stylus占....
分类：
其他好文 时间：
2015-02-02 00:27:57
阅读次数：
257
下拉菜单（基本用法）
小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件，根据不同的版本，它对应的文件：
? LESS版本：对应的源码文件为 dropdowns.less
? Sass版本：对应的源码文件为 _dropdowns.scss
? 编译后的Bootstrap版本：查看bootstrap.css文件第3004行～第31...
分类：
其他好文 时间：
2015-02-01 16:11:13
阅读次数：
279
实现原理
网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。Bootstrap框架中的网格系统就是将容器平分成12份。
在使用的时候大家可以根据实际情况重新编译LESS（或Sass）源码来修改12这个数值（也就是换成24或32，当然你也可以分成更多，但...
分类：
其他好文 时间：
2015-02-01 14:50:43
阅读次数：
274
Grunt是基于Node.js的项目构建工具。它可以自动运行你所设定的任务，如编译less，sass，压缩js，合拼文件等等。（一）安装nodejs环境，Grunt 0.4.x要求Node.js的版本>=0.8.0，如果你已安装了nodejs，命令行中运行node -v查看你的Node.js版本，如...
分类：
Web程序 时间：
2015-02-01 11:56:37
阅读次数：
300
今天来看一组表单标签动画效果，希望可以对大家有所帮助，灵感来自于Inspiration for Text Input和Text Input Love，一并致谢。 十五种动画效果有没有您喜欢的，进来一坐。...
分类：
其他好文 时间：
2015-02-01 09:36:55
阅读次数：
362
详细，请戳这里1.安装插件npm install --save-dev gulp-sass gulp-sourcemaps gulp-autoprefixer如果安装错误，请用sudo 权限；2.在gulp.js中，引用所需的插件如下；var sass = require('gulp-sass');...
分类：
其他好文 时间：
2015-01-30 14:34:04
阅读次数：
159
先行下载安装Ruby和SASS再下载并安装node.js，已经集成了NPM命令行查看是否安装成功node -vnpm -v命令行安装gruntnpm install -g grunt-cli拷贝Gruntfile.js和package.json文件npm install查看用grunt
分类：
其他好文 时间：
2015-01-29 19:15:17
阅读次数：
176
