The Acorn Spirit’s Journey

tomisan.com

bootstrap 5 正式版はまだですかね

bootstrap 5 正式版はまだですかね

bootstrap 5 !!
https://getbootstrap.com/
現時点ではベータ版ですが、ぱっと見で、追加機能とか気付いたやつを挙げてく。

bootstrap5
bootstrap5

Gutters
https://getbootstrap.com/docs/5.0/layout/gutters/
これまでも.no-guttersってありましたけど、別物です。「.gx-〇」「.gy-〇」でガターのサイズを指定する。

Floating labels
https://getbootstrap.com/docs/5.0/forms/floating-labels/
labelがplaceholderのような役割になっているフォームですね。最近よく見るフォーム。

Ratios
https://getbootstrap.com/docs/5.0/helpers/ratio/
クラス名が変わりましたね。アスペクト比も_variables.scss($aspect-ratios)で自由に変更しやすくなった。

Utility API
https://getbootstrap.com/docs/5.0/utilities/api/
ユーティリティを変更・追加・削除、クラス名(プレフィックス_)を作ったり。
わざわざこんなものまで用意してくださるとは・・・なんて親切なの(´;ω;`)


あと、「Breakpoints」ブレークポイントに「Extra extra large」が追加されてますね。
右から左読みの「RTL」も追加。

そしてついに・・・
 
 
JavaScript
https://getbootstrap.com/docs/5.0/getting-started/javascript/
jQueryよ、、、さようなら。
バニラJSってよく聞きますが、プレーンな?生の?”普通の”JavaScriptのことですので誤解のなきよう(笑)

こんなかんじかなー。

まだベータ版(v5.0.0-beta1)なので
現時点で仕事で使う予定は無いのですが、正式リリース待ちってところです😊

コメントは受け付けていません。