bootstrapのスタイルが効かずにはまった話

2021年9月3日

はじめに

自サイト修正のためにBoostrapの公式サイトを見ながら対応していたのですがどうしても
スタイルが効かずにハマったので備忘録として書きます。

何をしていたか

左に枠線をつけようと思っていました。

対処方法

こんな感じでスタイルつけてもうんともすんとも言わない・・。

<span class="border-start"></span>

↓こっちだとうまくいくのに？？っと思ってました。

<span class="border"></span>

調べてみるとBootstrapは2021年5月にBootstarp5が誕生していてborder-start はBootstrap5で使えるクラスでした。

Bootstrap4ではまだ使えないのでborder-leftを使い対処しました。

参考記事
Bootstrap4のBorder（枠線） https://getbootstrap.jp/docs/4.2/utilities/borders/
Bootstrap5のBorder （枠線）https://getbootstrap.jp/docs/5.0/utilities/borders/
４と５の違い　https://skillhub.jp/blogs/250