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

  • 〒800-0222
  • 北九州市小倉南区中曽根4-16-2
  • TEL : 093-967-1128

パンくずリストの書式:Bootstrapコードまとめ



パンくずリストの書式:Bootstrapコードまとめ

Bootstrapのコードを少しずつまとめていきます。
今回はパンくずリストの書式です。

パンくずリストの作成

ol要素にclass「breadcrumb」を適用します。

liとa要素で階層を示す項目を作成します。

HTML

<ol class="breadcrumb">
  <li><a href="#">トップ</a></li>
  <li><a href="#">会社概要</a></li>
  <li class="active">所在地</li>
</ol>

ブラウザでの表示

ol要素にclass「breadcrumb」を適用