Sample: table

table.td-align-center で、そのテーブル内のセルが全て中央揃えに
同様に、table.td-align-right で右揃え、table.td-valign-top で上揃えに

キャプション
  見出し1 見出し2
見出しA 内容が入ります 内容です
見出しB 内容が入ります 内容が入ります

table.table–stripe でストライプに

キャプション
  見出し1 見出し2
見出しA 内容が入ります 内容です
見出しB 内容が入ります 内容が入ります
見出しA 内容が入ります 内容です
見出しA 内容が入ります 内容です

table.table–no-padding で、マージンなしに

キャプション
  見出し1 見出し2
見出しA 内容が入ります 内容です
見出しB 内容が入ります 内容が入ります
キャプション
  見出し1 見出し2
見出しA 内容が入ります 内容です
見出しB 内容が入ります 内容が入ります

table.equal-row-width で、テーブル幅100%で列が等分に

キャプション
  見出し1 見出し2
見出しA 内容が入ります 内容が入ります
見出しB 内容が入ります 内容が入ります

td.cell-highlight, th.cell-highlight で、セルのハイライト

キャプション
  見出し1 見出し2
見出しA 内容が入ります 内容が入ります
見出しB 内容が入ります 内容が入ります

注釈付きのテーブル。テーブルと注釈(.table-with-notes__note)を .table-with-notes で囲む

キャプション
  見出し1 見出し2
見出しA 内容が入ります 内容が入ります
見出しB 内容が入ります 内容が入ります

注釈がここに入ります。
二行目