パンくずリスト

パンくずリストはユーザの現在地をわかりやすく表現するUIです。

  1. ホーム
  2. 長いページタイトルが入ります長いページタイトルが入ります
  3. 長いページタイトルが入ります長いページタイトルが入ります
  4. 長いページタイトルが入ります長いページタイトルが入ります
  5. パンくずリスト
html 
<ol class="breadcrumb">
    <li class="breadcrumb-item"><a class="breadcrumb-link" href="">ホーム</a></li>
    <li class="breadcrumb-item"><a class="breadcrumb-link" href="">長いページタイトルが入ります長いページタイトルが入ります</a></li>
    <li class="breadcrumb-item"><a class="breadcrumb-link" href="">長いページタイトルが入ります長いページタイトルが入ります</a></li>
    <li class="breadcrumb-item"><a class="breadcrumb-link" href="">長いページタイトルが入ります長いページタイトルが入ります</a></li>
    <li class="breadcrumb-item">パンくずリスト</li>
</ol>