パンくずリストを横スクロールできるようにする

階層が深くなったりページタイトルが長い場合にパンくずリストが2行…ひどいと3行にまでなってしまう（スマホで見たとき）のが嫌で、横スクロール仕様に変えました。

親要素に3行追加するだけです。

.breadcrumb {
  white-space: nowrap;
  word-break: keep-all;
  overflow-x: auto;
}

ちなみに、スムーズなスクロールを目的として-webkit-overflow-scrolling: touch;の記述を勧めているページもありますが、今のデバイスはデフォルトで慣性スクロールが搭載されているので書かなくて大丈夫です。
この記述のせいでいらぬバグを引き起こすケースもあるようなので、無いほうがいいまである。