【bootstrap5と4】CSSクラス名の違い
Contents
はじめに
自サイト修正のために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