CSS」タグアーカイブ

Bootstrap 5正式版リリース


人気のCSSフレームワークBootstrapがメジャーバージョンアップして「Bootstrap 5」となりました。Bootstrap 5を紹介している公式ブログ記事はこちら。日本語記事だとPublickeyがわかりやすくまとめています。

当ブログではスマホ用テーマで長らくBootstrapを使っており、最近になってBootstrap 3から4に更新したばかりでした。というわけで、さっそくスマホ用テーマをBootstrap 5に更新してみました。自分の範囲では、コメント入力用のcollapseが動かなくなりましたが、「data-toggle」を「data-bs-toggle」に直したら動くようになりました。前回Bootstrap 3から4に更新した時よりも手間は少ないかも。

ほかにも見えない不具合はあるかもしれませんが、ひとまず様子を見ていきます。スマホ用テーマで経験を積んで、実戦でも使えるようにしておかねば。

【読書】UIまで手の回らないプログラマのためのBootstrap 3実用ガイド


UIまで手の回らないプログラマのためのBootstrap 3実用ガイド

BootstrapはHTMLのUIをカッコよくしてくれるフレームワークという程度の理解しかなかったので情報補充のために購入。一通り読んで、開発中にちょっとWeb UIを整えたいときに便利そうだなという感想。

まさしく「UIまで手の回らないプログラマ」になることがしばしばあるため、BootstrapとかjQuery Mobileとかお手軽にそれなりのHTML画面を作れる仕組みは開発ツールとして手元に置いておきたいなと思っています。