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

はじめに

自サイト修正のために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/
4と5の違い https://skillhub.jp/blogs/250

Posted by karaagelovers