見出し
タイトルなどの見出しに使用します。h1からh6までの大きさがあります。
h1 見出し
h2 見出し
全幅の背景が欲しいときは、containerを区切ってsentionで囲んでください。
h3 見出し
h4 見出し
h5 見出し
h6 見出し
カラム
シンプルなカラムのみ制作しています。横幅が12の数字になるように、レイアウトを組みます。
カラム1
カラム11
カラム2
カラム10
カラム3
カラム9
カラム4
カラム8
カラム5
カラム7
カラム6
カラム6
カラム7
カラム5
カラム8
カラム4
カラム9
カラム3
カラム10
カラム2
カラム11
カラム1
カラム12
カラムオプション
幅を指定するmdオプションを付けています。用途に合わせてお使いください。
カラム4 カラム12-md
カラム4 カラム6-md
カラム4 カラム6-md
ボタン
ボタンボタンボタンボタンボタンボタンボタンボタンボタンボタン
フォーム
リスト
- リストスタイル
- リストスタイル
- リストスタイル
- 番号付きのリスト
- 番号付きのリスト
- 番号付きのリスト
テーブル
タイトル | タイトル | タイトル |
---|---|---|
文章 | 文章 | 文章 |
文章 | 文章 | 文章 |
文章 | 文章 | 文章 |
コード
.test-class {
background-color: F1F1F1;
font-size: 16px;}