複数記事に分けてWEB制作でよく使うBootstrapの機能や意外と知られていない便利な機能なども紹介していきますので、初めてBootstrapにチャレンジされる方も、既にBootstrapを使って開発をされている方にも読んでいただけると嬉しいです。第8回目の今回は「パンくずリスト編」!Bootstrap4でパンくずリストを設定する方法を解説していきたいと思います。パンくずリストパンくずリストはいまユーザーがどのページに居るのかを視覚的にわかりやすくするためのものです。パンくずリストを設置することにより、Googleなどの検索エンジンにもページの構成を理解してもらいやすくなります。Bootstrap4では簡単にパンくずリストを設置することが出来ます。active">弊社について</li></ul></nav>li要素を増やしていくと、長いパンくずリストも簡単に作成できます!パンくずリストのカラーを変更するBootstrapデフォルトのパンくずリストは背景色がグレーですが、こちらも簡単に変更ができます。サイトの雰囲気に合わせて変更してみましょう。style.css)を変更すると反映されるかと思います。しても反映されない場合は、「!important」をつけて強制的に変更する方法もあります。パンくずリストの区切り線を好きな記号に変更するBootstrapデフォルトのパンくずリストは区切り線がスラッシュになっていますが、こちらも簡単に変更ができます。">";}contentの中に入れた文字(記号)が区切り線として表示されます。まとめ今回はパンくずリスト編ということで、カスタマイズも含めたパンくずリストの設定方法をご紹介しました。社員Aフロントエンドエンジニア・デザイナーの社員Aです。更新頻度が多いかと思います。このブログのテーマも作成しました。ブログの執筆を通じて、やっと日本語Lv.20くらいになれた気がします。株式会社ユニバースです。ホームページデザイン、ECサイトデザインなどWEB制作のトータルサポートを行っております。ホームページ制作やネットショップ運営代行などwebに関するご相談・お見積は、お気軽にお問い合わせください。MAX】2018年10月19日10今話題のLINEのオープンチャットとは?実際に参加してみた2019年09月11。