bootstrap-v4.0.0-alpha.6のリリースノートハイライトの日本語訳
Release v4.0.0-alpha.6 · twbs/bootstrapの日本語訳です.
bootstrap-flex.scssが消滅してビルドできなくなって30分悩んだので初翻訳です.
google翻訳を頼っています.
超意訳.
我英語力皆無.
翻訳
あけましておめでとうございます!これはBootstrap 4の最終的なアルファです.
詳細
ハイライト
- Flexboxがデフォルトでオンになりました, フォールバックはありません!これはIE9のサポートを廃止したことを意味しますが, コードベースを大幅に節約し, コンポーネントを簡素化し, カスタマイズを改善しました.これはflexboxのおかげです.
- navbarがflexboxを使って再構築されました, 様々な構造上の変更が生じます, しかし柔軟性とカスタマイズ性が向上します.ドキュメント, コードスニペット, オプションも更新しました.全てのサンプルのナビゲーションバーは最新のマークアップとスタイルを使用しています.また, 約10個のバグを解決しました!
- Flexbox utilitiesのオーバーホールとそれらの文書化.以前のすべてのflexboxユーティリティを,
property: valueのペアの後に名前が付けられた新しいものに置き換えました(新しいものを作成する代わりに).たとえば,.flex-items-betweenは今は.justify-content-betweenなのでjustify-content: betweenが適用されます.display,order,wrapなどのための新しいflexbox utilitiesも同様です. - flexboxでnavsと更新されたドキュメントを再構築しました.すべての
floatとclearfixが削除され,.nav-inlineが削除されました(display: flexを使えばいいから), fillおよびjustifyのオプションなどが追加されました. - Alpha 5からのグリッド改善を基に, グリッドブレークポイント間でコンテナのパディングをカスタマイズしたり,
.no-guttersオプションでgrid gutterを除去することができます. - 同様に, Flexboxグリッドシステムには, ビューポート間でコンテンツのサイズに自動的に列のサイズを設定するための新しいクラスがあります(例えば
col-xs-6,col-md-auto,col-xl-4を1つの要素に使える) - グリッド, 表示, 浮動小数点, マージン, パディング, およびテキストユーティリティクラスは大幅に見直されました.すべてのクラスに応答するだけでなく,
xsではブレークポイントの省略形が不要になり, 説明的なクラスが短くなり, v3からの移行が容易になりました.たとえば,.d-xs-noneの代わりに.d-noneになるけど,.d-{sm, md, lg, xl}-noneはそのまんまです. - より安定した名前付けのために, JavaScript対応のコンポーネントのいくつかの
.active, すべての.in, およびすべての.openクラスの名前を変更しました.例えば今は.collapse.showの代わりに.collapse.inだし.show > .dropdown-menuの代わりに.open > .dropdown-menu.表示操作を簡単にするために. - リファクタリングされたcarouselは, よりシンプルなスタイル, より良い文書化, 特定のセレクタを削減.
<progress>要素なしでプログレスコンポーネントを書き直しました.アニメーションの欠如, 複数のバーのサポート, およびプログレスバー上のラベルのサポートがないため.- ベクターのbackground-imageを追加するために使用されるSVGデータのURLのエスケープされていない
#を修正しました. .tagをv3のような.badgeに改名して, 一般的なWordPressスタイルとの競合を避けます.- いくつかのカスタムフォームの拡張とバグ修正が行われました.ラベルレスのカスタムラジオとcheckbox,
background-imageでの固定SVG URLなど. - Normalize.cssをv5.0.0にアップデートしました.
.form-checkと.form-check-inlineは同じマークアップを共有するようになりました..form-check-inlineを修飾子として追加または削除して, 2つの間を切り替えます.- flexboxでの正当なナビゲーションのサポートが追加されました.
- 分かりやすくするため
_animation.scssを_transitions.scssに改名. - 追加のカスタマイズのための新しい色変数(例えば
$blue)を追加しました.
余談
このサイトもnavbarやnavやtagがぶっ壊れました.
今から直します.
hatena-bookmark