目次
はじめに
自サイト修正のために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
コメント