如何響應地使用本質網格

Question

本質CSS框架有一個網格組件。但是，我不知道如何響應地使用它。例如，如何指定特定於手機，平板電腦和桌面的網格選項？

Answer 1

使用着的http://getessence.io/core/grid-system

的「有求必應GRID」一節中的類使用brick類，然後添加一個或多個以下的類來在各種平臺上指定元素的寬度：

• brick-X桌面
• brick-X-tablet片劑

• brick-X-mobile的手機

  凡X = 1...12

如在屬性部分所描述的，閾值是：

• ...mobile具有768px
• ...tablet一個最大寬度爲1,024像素x
一個最大寬度

例如：

<Block classes={'e-row'}> 
<Block classes={'brick brick-3 brick-6-tablet brick-12-mobile'}>brick-3 brick-6-tablet brick-12-mobile</Block> 
<Block classes={'brick brick-6 brick-6-tablet brick-12-mobile'}>brick-6 brick-6-tablet brick-12-mobile</Block> 
<Block classes={'brick brick-6 brick-12-tablet brick-12-mobile'}>brick-6 brick-12-tablet brick-12-mobile</Block> 
</Block>