パーツd15fesfsg5ssf44h

インフォメーション・ブログ・説明会での投稿は以下のタグは自動で装飾されます。

※ 固定ページなどでは適応されません。

h2タイトル

  <h2>h2タイトル</h2>

h3タイトル

  <h3>h3タイトル</h3>

h4タイトル

  <h3>h4タイトル</h4>

文字の色を変えれます。

緑テキスト

  <p class="text-primary">緑テキスト</p>

赤テキスト

  <p class="text-danger">赤テキスト</p>

青緑テキスト

  <p class="text-info">青緑テキスト</p>

青テキスト

  <p class="text-success">青テキスト</p>

テキスト（グレー）

  <p class="text-muted">テキスト（グレー）</p>

白テキスト

  <p class="text-white">白テキスト</p>

文字の大きさ・太さを変えれます。

太字

  <p class="f-bo">太字</p>

小さめな字

  <p class="f-xs">小さめな字</p>

やや小さめな字

  <p class="f-sm">やや小さめな字</p>

やや大きめな字

  <p class="f-lg">やや大きめな字</p>

大きめな字

  <p class="f-xl">大きめな字</p>

アンダーライン付き

  <span class="f-mark">アンダーライン付き</span>
  <storng class="f-mark">アンダーライン付き</storng>

ボタンです。class=””の中を変更したり、組み合わせたりすると色・大きさを変更できます。

色

btn-secondary btn-primary btn-success btn-info btn-warning btn-danger btn-light btn-dark

  <a href="" class="btn btn-secondary">btn-secondary</a>
  <a href="" class="btn btn-primary">btn-primary</a>
  <a href="" class="btn btn-success">btn-success</a>
  <a href="" class="btn btn-info">btn-info</a>
  <a href="" class="btn btn-warning">btn-warning</a>
  <a href="" class="btn btn-danger">btn-danger</a>
  <a href="" class="btn btn-light">btn-light</a>
  <a href="" class="btn btn-dark">btn-dark</a>
  <a href="" class="btn btn-light">btn-light </a>

ちなみにそれぞれのclassの[btn]と[色]の間にoutlineを加えると線のボタンになります。

btn-outline-primary btn-outline-primary

  <a href="" class="btn btn-outline-primary">btn-outline-primary</a>
  <a href="" class="btn btn-outline-danger">btn-outline-danger</a>

サイズ

btn-sm で小さなボタン btn-lgで大きなボタン

  <a href="" class="btn btn-primary btn-sm">小さなボタン</a>
  <a href="" class="btn btn-primary btn-lg">大きなボタン </a>

矢印をつける

arrow-nextで矢印つく

  <a href="" class="btn btn-primary arrow-next">arrow-nextで矢印つく</a>

幅を固定し真ん中に

btn-block-fixedで真ん中に

  <a href="" class="btn btn-primary btn-block-fixed">btn-block-fixedで真ん中に</a>

その他

チェックリスト
チェックリスト
チェックリスト

<ul class="check-list">
 <li>チェックリスト</li>
 <li>チェックリスト</li>
 <li>チェックリスト</li>
</ul>

囲い

囲みます。背景色はbg-[色]でつけれます。

囲みます。borderで線がつきます。

<div class="notes-box bg-light">囲みます。背景色はbg-[色]でつけれます。</div>
<div class="notes-box bg-primary">囲みます。背景色はbg-[色]でつけれます。</div>
<div class="notes-box border">囲みます。borderで線がつきます。</div>