component-lead

lead

強調された見出しとテキストを持つコンポーネントを表示する。
.title、.list、.btnを含む可能性がある。文字サイズは通常より大きくなる。

見出しと文章

吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。

  • リスト
  • リストリスト
  • リストリ

ボタン

<div class="lead">
    <div class="lead-header">
        <h2 class="title title-02">見出しと文章</h2>
    </div>
    <div class="lead-contents">
        <p class="m-b">吾輩は猫である。名前はまだ無い。どこで生れたかとんと見当がつかぬ。</p>
        <ul class="list list-horizontal">
            <li>リスト</li>
            <li>リストリスト</li>
            <li>リストリ</li>
        </ul>
    </div>
    <div class="lead-footer">
        <p class="lead-link"><a href="#" class="btn btn-block btn-lg btn-first">ボタン</a></p>
    </div>
</div>