スタッフによるブログです。WEBデザイン全般、IT関連、業務関連情報など。

  • 〒824-0001
  • 福岡県行橋市行事5丁目3−20
  • TEL : 0930-55-2416

セカンダリー・テキスト(見出しサブタイトル)の書式:Bootstrapコードまとめ



セカンダリー・テキスト(見出しサブタイトル)の書式:Bootstrapコードまとめ

Bootstrapのコードを少しずつまとめていきます。
今回は「セカンダリー・テキスト」の書式です。

「セカンダリーテキスト」の書式

見出しにサブタイトルを付けたいときに使います。

h1~h6などの見出し要素の中に「small」タグで囲って文字を記述します。
classを適用する必要はありません。

実装例:HTML

<h1>Cascading Style Sheets <small>カスケーディング・スタイル・シート</small></h1>

<h1>日本のお米 <small>ジャポニカ米は炊飯に適した米</small></h1>

<h2>ゆうパック <small>運賃は「サイズと運送距離」で決まる</small></h2>

<h3>ローソン <small>英語:LAWSON</small></h3>

<h4>大分県 <small>由布院温泉は全国的に知名度が高い</small></h4>

ブラウザでの表示

セカンダリーテキスト