シート

ダッシュボード画面などで複数のモジュールを並べるような場合に、各要素の載ったシートを並べるような形で区切る事ができます。内部に共通した構成を持った情報のまとまりを並列にカードとして取り扱ったり、各情報をタイルのように並べるのに有効です。

sheet

div.sheetでシート状に区切られたコンテンツを配置できます。

HTML

<div class="sheet">
  ...
</div>

シートを見易くするためにbodyに.bg-grayを付加することで背景をグレーにできます。

HTML

<body class="bg-gray">
  ...
    <div class="sheet">
      ...
    </div>
  ...
</div>