html div toast,toast-css

toast-css是什么

什么是toast-css，An insane grid. You’ve been warned.

toast-css官网：官网

toast-css文档：文档

toast-css源码仓库：源码仓库

toast-css下载地址：点此下载 点此下载2

toast-css介绍、toast-css使用

`

Then, to use the grid, you'll need a wrap (provided in your own CSS) and a .grid container.

Customising

$toast-grid-namespace and $toast-grid-column-namespace adjusts the class names for the grid. With default values, grid wrappers have a class of .grid and columns .grid__col.

$toast-col-groups(n) adjusts column divisions. For example, $toast-col-groups(12) will produce a 12-column grid. $toast-col-groups(3,6,8) will produce a 3-, 6-, and 8-column grid.

$toast-gutter-width is—you guessed it—the gutter width. Accepts any unit.

$toast-breakpoint-medium and $toast-breakpoint-small are breakpoint placeholders. Columns have hooks to change their behaviour under these breakpoints. See the “Modifiers” section below.

Modifiers

Toast has some modifiers to make different kinds of layouts easier. There are breakpoint hooks to have columns behave differently than their default behaviour under breakpoints:

```text-html-basic

This column will behave like a 1-of-2 column under the medium breakpoint and the small breakpoint.

This column aligns to the bottom of its row.

This column aligns to the middle of its row.

This column is centered and alone in its row.

This column comes first in the DOM, but appears last in its row.

This column appears last in the DOM, but appears first in its row.