[問題] sass-bootstrap的mixins?

看板Web_Design作者leizzzz (嘰哩咕嚕稀哩嘩啦)時間9年前 (2014/12/04 09:28)推噓5(5推 0噓 5→)

留言10則, 5人參與討論串1/2 (看更多)

想請教一下有使用sass版Bootstrap的前輩們~ sass版本裡面有多一個mixins的資料夾我知道它可以讓我們這樣寫: div { @include make-row(); } 但是這跟使用@extend的差別在哪裡呢？ div { @extend .row; } 生出來的CSS是不一樣，但是效果似乎沒差？想請問一下，什麼情況要用mixin，什麼情況適合extend呢？我目前都只有使用extend (因為字比較少XD) -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.163.34.139 ※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1417656523.A.F58.html

推

ymcheung

12/04 10:32, , 1^F

12/04 10:32, 1^F

→

kurtisgod

12/04 13:07, , 2^F

12/04 13:07, 2^F

謝謝樓上解答，我大概知道mixin跟extend怎麼使用，我平常自己也有寫一些mixins，只是好奇如果是Bootstrap的mixins，似乎用extend都可以替代？但如果這樣那些mixins又有什麼用處，不知道是否有一些我沒用到的好用功能？ ※ 編輯: leizzzz (118.163.34.139), 12/04/2014 13:53:21

推

EROS4

12/05 12:20, , 3^F

12/05 12:20, 3^F

推

wretch1790

12/05 20:55, , 4^F

12/05 20:55, 4^F

→

wretch1790

12/05 20:55, , 5^F

12/05 20:55, 5^F