關于 Mobile First 的概念，請檢視我這篇文章：什麼是前端開發中的 mobile first 政策.
下圖是 SAP 電商雲 Spartacus UI 的搜尋結果頁面：
Mobile first 設計思路在 SAP 電商雲 Spartacus UI 中的設計展現一例 其布局設計：template: SearchResultListPageTemplate
Mobile first 設計思路在 SAP 電商雲 Spartacus UI 中的設計展現一例 Section2 就是上圖這塊黑色的條幅。
ProductLeftRefinements：左邊這塊區域。
Mobile first 設計思路在 SAP 電商雲 Spartacus UI 中的設計展現一例 facet：
Mobile first 設計思路在 SAP 電商雲 Spartacus UI 中的設計展現一例 template 的定義：
Mobile first 設計思路在 SAP 電商雲 Spartacus UI 中的設計展現一例 對應的 css：
Mobile first 設計思路在 SAP 電商雲 Spartacus UI 中的設計展現一例 在 Chrome 開發者工具裡将目前裝置模拟成 mobile 之後，左邊的 ProductLeftRefinements 就消失了：
Mobile first 設計思路在 SAP 電商雲 Spartacus UI 中的設計展現一例 在手機上，我們需要顯式點 filter by，才能打開 facet：
Mobile first 設計思路在 SAP 電商雲 Spartacus UI 中的設計展現一例 
