
前端
文章平均质量分 72
GitMind
IT民工!
展开
-
Bootstrap-sass<1> 安装与基本结构
最近项目都在用bootstrap布局,每次改动和文件组织总感觉不是那么清晰明了,所以借着该项目,重新整理一下sass,在网上发现有bootstrap-sass,已经集成好的一个bootstrap的sass文件,所以用这个框架对项目样式部分又重新码了一遍,感觉收获还是蛮多的,就写了一些总结,也算是对sass和bootstrap的一点回顾。 就从安装sass开始吧。。 Sass的安装 (1)ru原创 2016-08-20 15:25:19 · 4284 阅读 · 0 评论 -
Bootstrap-sass<2>基本布局
Boostrap对于布局的核心在于它的栅格系统,即对不同分辨率下设置了一套相对普适的样式,我们先看Boostrap.css中预定义的几种设备分类。 如果你想查询更多,可以转到Bootstrap官网:http://getbootstrap.com/css; 所以,在bootstrap下,我们常常是这样进行流式布局的: ... 适应不同分辩率时是采取如下原创 2016-08-20 15:28:36 · 1653 阅读 · 0 评论 -
Bootstrap-sass<3> mixins
Bootstrap-sass mixins 由于之前基本用的都是基础布局,mixins文件只用到几个基础的mixin,但也算比较常用的。 make-row()系列: 我们可以看到make-row()功能就是在布局中生成一行,同时我们也看到在grid.scss中,也有make-xs-column()且对该行数做了不同分辨率下的适配。 如我们可以如下使用:当你在section中想要更好的管原创 2016-08-20 15:30:51 · 1076 阅读 · 0 评论