2023 k-art-factory Labo sample template
slider_image1
slider_image2
slider_image3

見出し

タイトルなどの見出しに使用します。h1からh6までの大きさがあります。

h1 見出し

h2 見出し

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

ボタン

ボタンボタンボタンボタンボタンボタンボタンボタンボタンボタン

フォーム

リスト

  • リストスタイル
  • リストスタイル
  • リストスタイル
  1. 番号付きのリスト
  2. 番号付きのリスト
  3. 番号付きのリスト

テーブル

タイトル タイトル タイトル
文章 文章 文章
文章 文章 文章
文章 文章 文章

コード

.test-class {
        background-color: F1F1F1;
        font-size: 16px;}