複数記事に分けてWEB制作でよく使うBootstrapの機能や意外と知られていない便利な機能なども紹介していきますので、初めてBootstrapにチャレンジされる方も、既にBootstrapを使って開発をされている方にも読んでいただけると嬉しいです。第4回目の今回は「文字の装飾編」!見出しや本文・リストなど文字の装飾に関して解説していきたいと思います。設定Bootstrap4の「見出し」Bootstrapでは、<h1>〜<h6>の要素以外で見出しを使いたいときにもクラス付与だけで見出しを作ることができます。要素に、「.h1」〜「.h6」のクラスを付与すると、<h1>〜<h6>と同等の見出しを実現できます。class="h6">h6</p>Bootstrap4の「見出し」応用Bootstrapでは、見出しに補助文を入れることができます。補助文を作成するには、<h1>〜<h6>の要素もしくは「.h1」〜「.h6」のクラスを付与した要素の中に、「small.text-muted」もしくは「span.small.text-muted」を入れることで作成可能です。見出しよりも大きい文字サイズで表示できるのが「表示見出し」です。インパクトを出したいときに使用します。冒頭の挨拶や強調したい文章などにリード文を使用します。要素に「.lead」クラスを付与することで実装できます。文章内に別のソースからのコンテンツ・ブロックを引用する場合に使用します。class=”blockquote”>で囲むことで実装できます。