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

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

パンくずリストの書式: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」を適用