[问题] sass-bootstrap的mixins?

楼主: leizzzz (叽哩咕噜稀哩哗啦)   2014-12-04 09:28:40
想请教一下有使用sass版Bootstrap的前辈们~
sass版本里面有多一个mixins的资料夹
我知道它可以让我们这样写:
div {
@include make-row();
}
但是这跟使用@extend的差别在哪里呢?
div {
@extend .row;
}
生出来的CSS是不一样,但是效果似乎没差?
想请问一下,什么情况要用mixin,什么情况适合extend呢?
我目前都只有使用extend (因为字比较少XD)
作者: ymcheung (ymc)   2014-12-04 10:32:00
一个是叫设定好的 mixin,一个是读入普通css class吧
作者: kurtisgod (蹦蹦蹦)   2014-12-04 13:07:00
作者: EROS4   2014-12-05 12:20:00
在不同 media query 内只能用 @include 喔
作者: wretch1790 (courage|)   2014-12-05 20:55:00
印象中…mixin是类似可以带参数进的function,extend就很单纯是继承不会带数,有误误打脸XD
作者: aspdoctor (大崎)   2014-12-13 02:01:00
看一下他产生的css就能理解囉,一个把选取器加到extend后面,一个把样式复制进来多用extend的目的就是同样的东西不要重复多次去做,这样code干净,也做到DRY的原则,让别人觉得你css写得很geek

Links booklink

Contact Us: admin [ a t ] ucptt.com