Profound Grid 是一個實現固定和流動布局的網格系統。內置 SCSS，帶給你靈活性和全面的控制。你可以讓讓個流動或者固定，還可以根據需要為每個媒體添加布局。更改列和間隔寬度，並根據需要刪除或添加列。
您可能感興趣的相關文章
這個網格系統讓您的的標記語義化，沒有任何“grid_x”類。除非你想使用它們，在這種情況下，它們也可以包括在內。深刻的網格使用負外邊距計算列。與其他網格系統不同，流體布局在每一個瀏覽器看起來幾乎完全一樣。
布局示例：
- ✓ Fixed（固定布局）
- ✓ Responsive Fixed（響應式固定布局）
- ✓ Fluid（流動布局）
- ✓ Max-Width Fluid（有最大寬度的流動布局）
- ✓ Responsive Fluid（響應式流動布局）
- ✓ Multiple Grids（）多重網格布局
- ✓ Nested Grids（嵌套網格布局）
- ✓ Push/Pull（推拉布局或者錯位布局）
使用指南：
設置網格的總寬度，流動布局設置為 100%：
$total-width: 960px; // px or %
設置網格的總列數：
$total-colums: 12; // number
設置網格列之間的間距：
$gutter_width: 1%; // px or %
設置網格左右兩側的外邊距：
$container_margin: 1%; // px or %
您可能感興趣的相關文章