/** 很多知识，当你在学习的时候都会了，可是再过段时间就全忘了。好记性不如烂笔头。从长远来看，记录很重要。从学习速度来看，不记当然学得快，但忘得也快 **/sass的变量也是有作用域的，定义在规则块内的，只能在规则块内使用。凡是CSS标准值存在的地方，都可能使用sass变量。$border: bo...
分类：
其他好文 时间：
2015-02-08 01:33:35
阅读次数：
153
一、sass编译为css文件 编译的方法有很多 1.koala编译 请参考 http://www.w3cplus.com/blog/777.html http://koala-app.com/index-zh.html 安装好了之后打开界面 其他参数不需要设置直接使用默认设置即可，右边选择编译类型。...
分类：
其他好文 时间：
2015-02-07 17:12:50
阅读次数：
135
面板
面板（Panels）是Bootstrap框架新增的一个组件，其主要作用就是用来处理一些其他组件无法完成的功能。同样在不同的版本中具有不同的源码：
? Less版本：对应的源码文件是 panels.less
? Sass版本：对应的源码文件是 _panels.scss
? 编译后的Bootstrap：对应bootstrap.css文件第4995...
分类：
其他好文 时间：
2015-02-04 00:42:20
阅读次数：
208
列表组
列表组是Bootstrap框架新增的一个组件，可以用来制作列表清单、垂直导航等效果，也可以配合其他的组件制作出更漂亮的组件。由于其在Bootstrap是一个独立的组件，所以也对应有自己独立源码：
? LESS版本：对应的源码文件 list-group.less
? Sass版本：对应的源码文件是 _list-group.scss
? 编...
分类：
其他好文 时间：
2015-02-04 00:41:57
阅读次数：
343
进度条
在网页中，进度条的效果并不少见，比如一个评分系统，比如加载状态等。就如下图所示的一个评分系统，他就是一个简单的进度条效果：
进度条和其他独立组件一样，开发者可以根据自己的需要，选择对应的版本：
? 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
