- ドキュメント: 一般的な構造、例、およびコード スニペットに対する大幅な更新。また、新しいメディア クエリでレスポンシブになりました。
- ドキュメント: すべてのドキュメント ページは現在、Mustache テンプレートを使用しており、文字列は Twitter 翻訳センターによる翻訳用に i18n タグでラップされています。ドキュメントへのすべての変更は、ここで行ってからコンパイルする必要があります (CSS や LESS と同様)。
- レポ ディレクトリ構造: コンパイル済みの CSS をルートから削除し、ドキュメント ホームページに大きな直接ダウンロード リンクを配置しました。コンパイル済みの CSS は にあり
/docs/assets/css/ます。
- ドキュメントとレポ: 1 つのメイクファイル。
makeターミナルに入力するだけで、更新されたドキュメントと CSS を取得できます。
グリッドシステム
- グリッド システムが更新され、16 列ではなく 12 列になりました
- レスポンシブ アプローチとは、プロジェクトがスマートフォンやタブレットなどですぐに使えることを意味します。
- 未使用 (デフォルト) の 17 ～ 24 列のグリッド列のサポートを削除
レスポンシブ (メディアクエリ)
- モバイル デバイスとタブレット デバイス全体の基本的なサポートのために追加されたメディア クエリ
- レスポンシブ CSS は、bootstrap-responsive.css として個別にコンパイルされます。
タイポグラフィ
h4要素は 16px から 14px にドロップされ、デフォルトline-heightは 18px になりましたh5要素が 14px から 12px に削除されましたh6要素が 13px から 11px に削除されました- ブロック引用の右揃えオプション
float: right;
コード
- の新しいグラフィック スタイル
<code>
- Google Code Prettify スタイルの更新 (GitHub の要点に基づく)
テーブル
colspanとのサポートの改善rowspan- スタイルは現在、新しい基本クラスに制限されています。
.table
.table-プレフィックスとして required で標準化されたテーブル クラス- 未使用の表の色のオプションを削除 (コードが多すぎてほとんど影響がありません)
- TableSorter のサポートを終了しました
ボタン
- 色とサイズの新しいクラス。すべて接頭辞
.btn-
- IE9: グラデーションを削除し、角を丸くしました
- アクティブ状態を更新して、ボタン グループのスタイルをより明確にし (新規)、カスタム トランジションで見栄えを良くしました
.buttonBackgroundボタンのグラデーションを設定するための新しい mixin 、.secondaryスタイルが関連付けられていなかったため、このクラスはドキュメントのモーダルの例から削除されました。
フォーム
- CSS の使用量を減らし、柔軟性を高めるために、デフォルトのフォーム スタイルは垂直 (スタック) になりました。
.form-プリフィックスとして required で標準化されたフォーム クラス- 検索、インライン、および水平フォームの新しい組み込みフォームのデフォルト
- 水平フォームの場合、以前のクラス
.clearfixおよびは、新しいおよび と.input同等です。.control-group.controls
- の新しいオプション クラスを含む、すべてのスタイリングのクラスを使用した、より柔軟な水平フォーム マークアップ
label
- フォームの状態: 新しい LESS 変数を使用して色を更新し、カスタマイズ可能
アイコン、Glyphicons
- 新しい Glyphicons Halflings アイコン セットが、白黒のスプライト形式で追加されました
- 多くのコンテキストでアイコンに必要な単純なマークアップ:
<i class="icon-cog"></>
.icon-white同じアイコンの白いバリエーション用に別のクラス を追加します
ボタン グループとドロップダウン
- 2.0 の 2 つの新しいコンポーネント: ボタン グループとボタン ドロップダウン
- 依存関係: ボタン ドロップダウンはボタン グループに基づいて構築されているため、すべてのスタイルが必要です。
- ボタン グループ は
.btn-group、ボタン ツールバーを使用して 1 レベル上にグループ化できます。.btn-toolbar
ナビゲーション
- タブとピルでは、新しい基本クラス を使用する必要が
.navあり<ul>、クラス名は.nav-pillsと になり.nav-tabsました。
- 同じ基本クラスを使用する新しいナビゲーション リストのバリエーションが追加されました。
.nav
- 垂直タブとピルが追加されました—に追加
.nav-stackedするだけです<ul>
- 丸薬のスタイルが変更され、デフォルトで丸みが少なくなりました
- ピルがドロップダウン メニューをサポートするようになりました (タブと同じマークアップとスタイルを共有します)
Navbar (以前のトップバー)
- 基底クラスが から
.topbarに変更されました.navbar
- 静的位置 (デフォルトの動作、固定されていません) およびビューポートの上部に固定されるようになりました
.navbar-fixed-top(以前は固定のみがサポートされていました) 。
- トップレベルのナビゲーションに垂直の仕切りを追加
- ナビゲーション バーのインライン フォームのサポートが改善されました。これにより、
.navbar-formスタイルの範囲を意図したフォームのみに適切に設定する必要があります。
- Navbar 検索フォームでは、
.navbar-searchクラスを使用し、その入力に を使用する必要があり.search-queryます。検索フォームを配置するには、またはを使用する必要があります。.pull-left.pull-right
- 小さい解像度とデバイス用にナビゲーション バーのコンテンツを折りたたむためのオプションのレスポンシブ マークアップを追加しました。使用方法については、 navbar のドキュメントを参照してください。
ドロップダウン メニュー
- を更新し
.dropdown-menuて間隔を狭めました
<span class="caret"></span>ドロップダウン矢印を表示するには、 を追加する必要がありますdata-toggle="dropdown"トグル動作を取得するには、属性を追加する必要があります- navbar (固定トップバー) には新しいドロップダウンがあります。暗いバージョンはなくなり、代わりに、位置を明確にするために上部にキャレットが追加された標準の白いバージョンが代わりに使用されます。
ラベル
- フォームの状態の色に合わせて更新されたラベルの色
- グラフィカルに一致するだけでなく、同じ新しい変数によって強化されます
サムネイル
- 以前は でしたが
.media-grid、現在は.thumbnailsこのコンポーネントを完全に拡張して、追加設定なしで全体的なシンプルさを維持しながら、より多くの用途に使用できるようにしました。
- 個々のサムネイルには
.thumbnailクラスが必要になりました
アラート
- 新しい基本クラス:
.alert代わりに.alert-message
- 他のオプション用に標準化されたクラス名。現在はすべて で始まります
.alert-
- デフォルトのアラートとブロック レベルのアラートを 1 つに結合するためにベース アラート スタイルを再設計
- ブロック レベルのアラート クラスが変更されました:
.alert-block代わりに.block-message
プログレスバー
- 2.0 の新機能
- CSS3 によるストライプやアニメーションのバリエーションを含む、クラスによる複数のスタイルを備えています。
その他のコンポーネント
- well コンポーネントと閉じるアイコンのドキュメントを追加 (モーダルとアラートで使用)
ツールチップ
- プラグイン メソッドの名前が から に変更さ
twipsy()れtooltip()、クラス名が からtwipsyに変更されましたtooltip。
- だった
placementオプションの値belowは、現在bottomは であり、above現在はtopです。
animateオプションの名前が に変更されましたanimation。htmlツールチップがデフォルトで HTML を許可するようになったため、このオプションは削除されました。
ポップオーバー
- 子要素が適切に名前空間化されるようになりました:
.titleto .popover-title、.innerto .popover-inner、および.contentto .popover-content。
- だった
placementオプションの値belowは、現在bottomは であり、above現在はtopです。
新しいプラグイン