ZHI-WEI

[CSS]Booststrap 4 breakpoint mixin

2017-09-27 | | 標籤：Boostrap, CSS, sass

之前有寫過一篇文章使用sass mixin來開發responsive網站，利用 SASS 提供的 Mixin 來加速 Responsive 開發的方法，在 Boostrap 4 Beta 的版本中也被整合了相同的使用，而且功能上也相當的完善：

2017-03-14 | | 標籤：DevelopTool, gulp, javascript, sass

2017-03-14 | | 標籤：CSS, sass

RWD為響應式網站（Responsive Web Design）的縮寫，為2012年以來，最流行的前端技術之一

通過 CSS3 的 Media Query ，可以讓網頁在不同尺寸的裝置下，都可以套用不一樣的CSS Style，讓每個不同裝置同樣瀏覽網頁，都可以用最佳的畫面來瀏覽。

而為了要開發RWD的網頁與簡化撰寫 CSS 流程，進而有了 SASS、LESS 等工具來協助開發，但是難免開發久了，不免都還是會覺得又臭又長。利用 SASS 的Mixin 功能，搭配本篇特殊結構，可以讓開發模板的時間更為簡潔。