Bootstrap

ソフトウェアのスクリーンショット:
Bootstrap
ソフトウェアの詳細:
バージョン: 3.3.7 / 2.3.2 / 4.0.0 Alpha 5 更新
日付のアップロード: 29 Sep 17
ライセンス: 無料
人気: 648
サイズ: 3228 Kb

Rating: 1.0/5 (Total Votes: 1)

Bootstrapの最初のバージョンの1つは、以前のTwitterのWebページレイアウトの作成に使用されていたので、このフレームワークは長い間、Twitter Bootstrapという名前で知られていました。

Bootstrapは公式にTwitterのレイアウトに使用されていないので(完全ではない)、フレームワークは現在ブートストラップとしてしか知られていません。

現在のところ、BootstrapはCSSフレームワークの第1位であり、誰もその事実に異議を唱えることはできません。


Webユーザーインターフェイスの設計に関しては、広く標準と見なされていますが、ブートストラップはモバイルUIにも使用できます。なぜなら、常にレスポンシブなレイアウトをサポートしているからです。

ブートストラップは実際にはCSSフレームワークがWeb開発で今ホットなものになっている理由の1つです。

起動されて以来、Bootstrapは多くの同様のツールキットの魅力であり、開発者がお金を稼ぐための新しい市場全体でもあります。はい。ブートストラップテーマをコーディングすることができれば、今すぐたくさんのお金を稼ぐことができます。

例とたくさんのドキュメントがBootstrapパッケージに付属していますので、ウェブサイトやテーマの作成を開始してください。

標準的なCSS / LessバージョンのBootstrap以外にも、開発チームはSASS用の別バージョンのBootstrap for Sassをリリースしました。

システム要件



クライアントサイドでJavaScriptを有効にする
jQuery

このリリースの新機能:

Webページがスティッキーフッターレイアウトを使用している場合に不適切な貼り付け位置を修正しました。
複数のトリガーが指定されている場合のツールヒント/ポップオーバーの動作を修正しました。
不要なHTML文字列の作成+解析を避ける
ツールチップ/ポップオーバープラグインでのメモリリークを避ける
開いているドロップダウン内の入力フィールドをクリックすると、ドロップダウンが閉じなくなりました
ツールチップ/ポップオーバー配置ロジックの水平ビューポート境界チェックを修正
ツールチップ/ポップオーバーのDOMがドキュメントに挿入された後に起動された新しいinserted.bs.tooltip / popoverイベントを追加
ツールヒント/ポップオーバー:ビューポートオプションを関数にする
ツールチップやポップオーバーでビューポートを使用するように自動配置を修正
テーブル関連のChromeバグの壁のブラウザバグエントリを追加しました
より暗いスタイルの.focusと:focus:アクティブなボタンの上にホバー
.btn-groupでラジオとチェックボックスのキーボード操作を修正しました(さらに古いユニットテストの削除)
Generalize dropdowns / droprole = "menu"
mixinを使用する代わりに手動で.input-group- * sizingを処理すると、コンパイルされたコードが入れ子になってバグが発生する
入力グループの境界の重なりを避けるためにz-indexを追加する
.form-control-feedbackを入力グループ全体に適切に配置する

ホバー上のページネーションリンクに重なっている枠を修正しました
.text-emphasis-variantをa::hoverの色に加えてフォーカス色を調整する
ツールチップ+ポップオーバーのテキスト/フォントプロパティをより完全にリセットする
@ jumbotron-heading-font-size変数を追加する
無効な.btnsのポインタイベントのみを無効にする
.media>にmax-width:noneを追加します。不正な画像を防ぐためのサムネイル.img
.bg-variant mixinを調整する:フォーカスカラーに加えて:ホバーカラー
.visible * mixinを使用するように更新する!重要なonelements
折りたたみ可能なパネルのリストグループ項目の枠線半径を修正
フォームグループサイズの違いによるスタティックフォームコントロールのアカウント
.list-group-itemsにサポートを追加します。

バージョン3.3.7 / 2.3.2 / 4.0.0 Alpha 3の新機能:

Webページがスティッキーフッターレイアウトを使用している場合に不適切な貼り付け位置を修正しました。
複数のトリガーが指定されている場合のツールヒント/ポップオーバーの動作を修正しました。
不要なHTML文字列の作成+解析を避ける
ツールチップ/ポップオーバープラグインでのメモリリークを避ける
開いているドロップダウン内の入力フィールドをクリックすると、ドロップダウンが閉じなくなりました
ツールチップ/ポップオーバー配置ロジックの水平ビューポート境界チェックを修正
ツールチップ/ポップオーバーのDOMがドキュメントに挿入された後に起動された新しいinserted.bs.tooltip / popoverイベントを追加
ツールヒント/ポップオーバー:ビューポートオプションを関数にする
ツールチップやポップオーバーでビューポートを使用するように自動配置を修正
テーブル関連のChromeバグの壁のブラウザバグエントリを追加しました
より暗いスタイルの.focusと:focus:アクティブなボタンの上にホバー
.btn-groupでラジオとチェックボックスのキーボード操作を修正しました(さらに古いユニットテストの削除)
Generalize dropdowns / droprole = "menu"
mixinを使用する代わりに手動で.input-group- * sizingを処理すると、コンパイルされたコードが入れ子になってバグが発生する
入力グループの境界の重なりを避けるためにz-indexを追加する
.form-control-feedbackを入力グループ全体に適切に配置する

ホバー上のページネーションリンクに重なっている枠を修正しました
.text-emphasis-variantをa::hoverの色に加えてフォーカス色を調整する
ツールチップ+ポップオーバーのテキスト/フォントプロパティをより完全にリセットする
@ jumbotron-heading-font-size変数を追加する
無効な.btnsのポインタイベントのみを無効にする
.media>にmax-width:noneを追加します。不正な画像を防ぐためのサムネイル.img
.bg-variant mixinを調整する:フォーカスカラーに加えて:ホバーカラー
.visible * mixinを使用するように更新する!重要なonelements
折りたたみ可能なパネルのリストグループ項目の枠線半径を修正
フォームグループサイズの違いによるスタティックフォームコントロールのアカウント
.list-group-itemsにサポートを追加します。

バージョン3.3.6 / 2.3.2 / 4.0.0 Alpha2の新機能:

Webページがスティッキーフッターレイアウトを使用している場合に不適切な貼り付け位置を修正しました。
複数のトリガーが指定されている場合のツールヒント/ポップオーバーの動作を修正しました。
不要なHTML文字列の作成+解析を避ける
ツールチップ/ポップオーバープラグインでのメモリリークを避ける
開いているドロップダウン内の入力フィールドをクリックすると、ドロップダウンが閉じなくなりました
ツールチップ/ポップオーバー配置ロジックの水平ビューポート境界チェックを修正
ツールチップ/ポップオーバーのDOMがドキュメントに挿入された後に起動された新しいinserted.bs.tooltip / popoverイベントを追加
ツールヒント/ポップオーバー:ビューポートオプションを関数にする
ツールチップやポップオーバーでビューポートを使用するように自動配置を修正
テーブル関連のChromeバグの壁のブラウザバグエントリを追加しました
より暗いスタイルの.focusと:focus:アクティブなボタンの上にホバー
.btn-groupでラジオとチェックボックスのキーボード操作を修正しました(さらに古いユニットテストの削除)
Generalize dropdowns / droprole = "menu"
mixinを使用する代わりに手動で.input-group- * sizingを処理すると、コンパイルされたコードが入れ子になってバグが発生する
入力グループの境界の重なりを避けるためにz-indexを追加する
.form-control-feedbackを入力グループ全体に適切に配置する

ホバー上のページネーションリンクに重なっている枠を修正しました
.text-emphasis-variantをa::hoverの色に加えてフォーカス色を調整する
ツールチップ+ポップオーバーのテキスト/フォントプロパティをより完全にリセットする
@ jumbotron-heading-font-size変数を追加する
無効な.btnsのポインタイベントのみを無効にする
.media>にmax-width:noneを追加します。不正な画像を防ぐためのサムネイル.img
.bg-variant mixinを調整する:フォーカスカラーに加えて:ホバーカラー
.visible * mixinを使用するように更新する!重要なonelements
折りたたみ可能なパネルのリストグループ項目の枠線半径を修正
フォームグループサイズの違いによるスタティックフォームコントロールのアカウント
.list-group-itemsにサポートを追加します。

バージョン3.3.5 / 2.3.2 / 4.0.0 Alphaの新機能:

Webページがスティッキーフッターレイアウトを使用している場合に不適切な貼り付け位置を修正しました。
複数のトリガーが指定されている場合のツールヒント/ポップオーバーの動作を修正しました。
不要なHTML文字列の作成+解析を避ける
ツールチップ/ポップオーバープラグインでのメモリリークを避ける
開いているドロップダウン内の入力フィールドをクリックすると、ドロップダウンが閉じなくなりました
ツールチップ/ポップオーバー配置ロジックの水平ビューポート境界チェックを修正
ツールチップ/ポップオーバーのDOMがドキュメントに挿入された後に起動された新しいinserted.bs.tooltip / popoverイベントを追加
ツールヒント/ポップオーバー:ビューポートオプションを関数にする
ツールチップやポップオーバーでビューポートを使用するように自動配置を修正
テーブル関連のChromeバグの壁のブラウザバグエントリを追加しました
より暗いスタイルの.focusと:focus:アクティブなボタンの上にホバー
.btn-groupでラジオとチェックボックスのキーボード操作を修正しました(さらに古いユニットテストの削除)
Generalize dropdowns / droprole = "menu"
mixinを使用する代わりに手動で.input-group- * sizingを処理すると、コンパイルされたコードが入れ子になってバグが発生する
入力グループの境界の重なりを避けるためにz-indexを追加する
.form-control-feedbackを入力グループ全体に適切に配置する

ホバー上のページネーションリンクに重なっている枠を修正しました
.text-emphasis-variantをa::hoverの色に加えてフォーカス色を調整する
ツールチップ+ポップオーバーのテキスト/フォントプロパティをより完全にリセットする
@ jumbotron-heading-font-size変数を追加する
無効な.btnsのポインタイベントのみを無効にする
.media>にmax-width:noneを追加します。不正な画像を防ぐためのサムネイル.img
.bg-variant mixinを調整する:フォーカスカラーに加えて:ホバーカラー
.visible * mixinを使用するように更新する!重要なonelements
折りたたみ可能なパネルのリストグループ項目の枠線半径を修正
フォームグループサイズの違いによるスタティックフォームコントロールのアカウント
.list-group-itemsにサポートを追加します。

バージョン3.3.5 / 2.3.2の新機能:

Webページがスティッキーフッターレイアウトを使用している場合に不適切な貼り付け位置を修正しました。
複数のトリガーが指定されている場合のツールヒント/ポップオーバーの動作を修正しました。
不要なHTML文字列の作成+解析を避ける
ツールチップ/ポップオーバープラグインでのメモリリークを避ける
開いているドロップダウン内の入力フィールドをクリックすると、ドロップダウンが閉じなくなりました
ツールチップ/ポップオーバー配置ロジックの水平ビューポート境界チェックを修正
ツールチップ/ポップオーバーのDOMがドキュメントに挿入された後に起動された新しいinserted.bs.tooltip / popoverイベントを追加
ツールヒント/ポップオーバー:ビューポートオプションを関数にする
ツールチップやポップオーバーでビューポートを使用するように自動配置を修正
テーブル関連のChromeバグの壁のブラウザバグエントリを追加しました
より暗いスタイルの.focusと:focus:アクティブなボタンの上にホバー
.btn-groupでラジオとチェックボックスのキーボード操作を修正しました(さらに古いユニットテストの削除)
Generalize dropdowns / droprole = "menu"
mixinを使用する代わりに手動で.input-group- * sizingを処理すると、コンパイルされたコードが入れ子になってバグが発生する
入力グループの境界の重なりを避けるためにz-indexを追加する
.form-control-feedbackを入力グループ全体に適切に配置する

ホバー上のページネーションリンクに重なっている枠を修正しました
.text-emphasis-variantをa::hoverの色に加えてフォーカス色を調整する
ツールチップ+ポップオーバーのテキスト/フォントプロパティをより完全にリセットする
@ jumbotron-heading-font-size変数を追加する
無効な.btnsのポインタイベントのみを無効にする
.media>にmax-width:noneを追加します。不正な画像を防ぐためのサムネイル.img
.bg-variant mixinを調整する:フォーカスカラーに加えて:ホバーカラー
.visible * mixinを使用するように更新する!重要なonelements
折りたたみ可能なパネルのリストグループ項目の枠線半径を修正
フォームグループサイズの違いによるスタティックフォームコントロールのアカウント
.list-group-itemsにサポートを追加します。

バージョン3.3.4 / 2.3.2の新機能:


Modalプラグインのいくつかの重要なバグを修正しました。
ScrollSpyプラグインのいくつかの厄介なバグの修正。
BootstrapはAtmosphereパッケージインデックスのMeteorパッケージとしても利用できるようになりました。
関連する3文字のISO通貨コードに基づいて通貨記号グリフィコンに便利なエイリアスが追加されました。たとえば、.glyphicon-rubは、.glyphicon-rubleの新しいエイリアスで、ロシアルーブル(RUB)の通貨記号です。
ドキュメント内の特定のセクションへのリンクを容易にするため、ドキュメントにAnchorJSをデプロイしました。

バージョン3.3.2 / 2.3.2の新機能:

.form-control-staticにフォームグループサイズのバリエーションを適用します。
.table-stripedを修正して、nth-childの代わりにnth-of-typeを使用して行のツールチップを処理します。
デフォルトのa:hoverスタイルに一致させるには、.btn-linkに@link-hover-decorationを使用します。
.panel-titles内のcolorおよび.small要素をリセットします。
ベンダープレフィックスミックスインを部分的に使用しないカルーセルを修正しました。
メディア/フラグオブジェクト内の全幅フォームコントロール要素
フォームコントロールのサイズ変更でネストの問題を修正しました。
#14801で削除された.media-objectがリストアされていません。
#14801で削除された.mediaおよび.media-bodyスタイルを復元します。
位置を追加する:相対;適切なメニュー配置のためのドロップダウン。
.dropup .dropdown-menusとしてデフォルトの.dropdown-menuのマージンに同じ値を使用します。
line-height:1のカルーセルコントロールの垂直中心.icon-prevおよび.icon-next。
ネストされたボタングループのボーダー半径を1つの子だけで修正しました。
一時的な日付入力のための.input-group-smと.input-group-lgを修正しました。
少ないコメントでブラウザのバグ参照を更新する
.disabledクラスをテーマの.btn-styles mixinに追加します。

Chrome for Windows 8.1でボタンのサイジングを修正するには、@ line-height-largeの小数点以下を1.33から1.3333333に増やします。

バージョン3.3.1の新機能:

例ではHTML5タグを使用してください。
廃止予定の.pull-left& amp; .mediaドキュメントの.pull-right。
印刷ドキュメントで固定長の.containersのSafariフォントサイズの問題について言及する。
modalをアクティブにしたボタンに基づいてモーダルコンテンツを変更する方法の例をevent.relatedTarget + data- *の例で追加してください。
ツールヒントに初期化の例を追加し、「オプトイン機能」コールアウトをポップオーバーします。
1つのカルーセルスライド上にアクティブクラスが必要です。
さまざまなアクセシビリティ(および一貫性)の修正。
グリフコンのアクセシビリティの改善。
いくつかの抜け落ちたドロップダウン例の洗い流し 'ARIAの役割。
テーマ内の折りたたまれたナビゲーションバーのアクティブなドロップダウンアイテムを正しくオーバーライドします。
折りたたまれたナビゲーションバーのアクティブなドロップダウンアイテムを正しくオーバーライドします。
ボタンプラグインのフォーカスシムをフォーカスイベントに加えてfocusinイベントを認識させる。
iOS 8でツールチップのビューポートユニットテストの失敗を回避するための回避策を追加してください。
モーダルのスクロールバーをオーバーレイするモーダルバックグラウンドを修正しました。
常にセンターモーダル。Carouselはsまたはs。< / li>
< li>ドロップダウン:入力とテキストエリアからのキーダウンイベントを無視します。< / li>

新機能とは< / strong>バージョン3.3.0:< / p>< p>< ul>< li>
< li>割合の低い最近の進捗バーの変更を削除しました。< / li>
< li> translate3dのすべてのインスタンスを削除して再描画のパフォーマンスを向上させましたが、複数のブラウザ間のバグも追加しました。< / li>
< li>最新のブラウザでカルーセルのパフォーマンスを向上させるための変換を追加しました。< / li>
< li> Normalize.cssとH5BPの印刷スタイルを最新リリースに更新しました。< / li>
< li>ナビ、パネル、ツールチップ、ボタンなどのアクセシビリティを改善しました。< / li>
< li>数多くのJavaScriptとドキュメントのバグを解決しました。< / li>

新機能とは< / strong> SUIT CSSに見られるように、バージョン3.2.0:< / p> ltul< li>
< li>ブロック、インラインブロック、インライン要素の表示と非表示のクラス。< / li>
< li> ZeroClipboardを追加して、コードのスニペットをすばやくコピーするためのすべての例にFlashベースのコピーボタンを提供しました。< / li>

新機能とは< / strong> < / gt>< li> jQuery v1.11.0を使用するためのドキュメント、サンプル、およびテストを更新しました。< / p>
< li> Rails 3.2互換性< / li>
< li>大きなモーションスタイルを最小のビューポート幅に適用します。< / li>
< li>インラインフォームとナビバーの入力グループの全幅入力を復元します。< / li>
< li>廃止予定の長い:-moz-プレースホルダスタイルを削除します。< / li>
< li>スコープのポップオーバー矢印スタイルは、直下の子供に適用されます。< / li>
< li>カルーセルカテゴリの2つのタイプミスを修正しました。< / li>

新機能とは< / strong>バージョン3.1.0:< / p>< p< ul>< li> 3つの新しいテンプレート:ブログ、表紙、ダッシュボード< / li>
< li>コンテキストテーブルクラスに.infoバリアントを追加しました。< / li>
< li>リストグループにコンテキストスタイルを追加しました。< / li>
< li>モーダルの設定をすばやく行うために、新しいサイズの.modal-lgと.modal-smをモーダルに追加しました。小さなブレークポイントを超えるモーダルにのみ適用されます。< / li>
< li>< kbd>キーボードによるユーザー入力を示す要素スタイル。< / li>
< li> .animation()ミックスインを追加しました。< / li>
< li>既存のテキストクラスと一致するコンテキスト背景色クラスを追加しました。< / li>
< li>テキスト整列クラスを完成させる.text-justifyクラスを追加しました。< / li>
< li>各検証ステートのアイコンを切り替えるための新しいフォームコントロールフィードバッククラスを追加しました。通常のフォーム、水平、インラインで動作します。< / li>

新機能とは< / strong>バージョン3.0.2:< / p>< p< ul>< li> .thumbnailスタイルのネストを改善します。
< li>不要な&パネルのCSSネストから< / li>
< li> Gruntタスクを追加してプロジェクト全体のバージョン番号を更新しました。 (注:ドキュメントをローカルで実行する場合、gruntを実行するにはnpm installを実行する必要があります)。< / li>
< li>カスタマイザで非標準のwindow.location.originを使用しないでください。< / li>
< li>移行手順で重複したクラスの変更を削除しました。< / li>
< li>ナビゲーションバー切り替えのスクリーンリーダーテキストを追加しました。< / li>
< li> .navbar-textの例で.navbar- *整列クラスを使用します。< / li>
< li>ノードをv0.10に更新します。x(現在の安定)< / li>
< li>同じページのアンカーへのリンクを修正する< / li>
< li>基本テンプレートにメディアの種類をドロップする例< / li>
< li> readme< / li>のダウンロードリンクを修正してください。

新機能とは< / strong>バージョン3.0.1:< / p>< p> ul< li>修正されたバグ:< / li>
< li> q要素の前後に引用符を削除しないでください。< / li>
< li>古いAndroidウェブキットのバグを回避するために、新しく更新されたグリフィコンを使用します。< / li>
< li> html5shivをv3.7.0に更新< / li>
< li> jQueryの存在を確認した< / li>
< li> #gradient>で&webkit-linear-gradientのカラーとカラーストップを区切るコンマを削除しました。 。垂直ミックスイン< / li>
< li>スコープのパディング - 上.form-control-静的から横向きのフォームのみ< / li>
< li>ハードコードされた値< / li>の代わりにjumbotron font-sizeに変数を使用します。
< li>最も近い全体のピクセルへの.leadのフォントサイズ< / li>
< li>反応したユーティリティからユーティリティに移動します(特に#10769で廃止された.hideのアカウントのため)。< / li>
< li>グリッドミックスを復元する< / li>
< li>ボックスシャドウを.btn-link.dropdown-toggle< / li>から削除します。
< li>navbar-fixed-bottomには下枠ではなく上枠が必要です。< / li>
< li>位置を追加:相対; z-indexが< / li>
< li>不正なH5BP .irクラスを印刷スタイルから削除する< / li>
< li>背景色のハックを追加して、IE8-9のカルーセルインジケータをクリックして< / li>
< li>ナビゲーションバーのz-インデックスをリファクタリングします。デフォルトのz-index:1000を削除します。静的トップ、固定トップ、および固定ボトムにのみ適用されます。また、壊れたデフォルトのnavbarの例のfubaredパディングを修正します。< / li>
< li>リストインライン< / li>内の最初のリストアイテムから左にあるパディングを削除します。
< li> .inimation()mixinを追加して.progress-barの通常のCSSアニメーションプロパティを置き換えます(また、http://caniuse.com/#featには必要ないので、-moz、-ms、-oの設定を削除します)。 = css-animation)。< / li>
< li>背景色を適用:#fff; Chromeのバグを修正するための印刷スタイルを選択する< / li>
< li>監査されたカスタマイザの変数セクションと再配置されたコンテンツ< / li>

新機能とは&lt; / strong&gt;バージョン3.0.0:&lt; / p&gt; <&lt; ul&gt;&lt; li&gt;新しいデザインと任意のテーマ。
&lt; li&gt;モバイルはまず、常に応答します。&lt; / li&gt;
&lt; li&gt;ブランドの新しいカスタマイザ。&lt; / li&gt;
&lt; li&gt;デフォルトでは、ボックスモデルが改善されました。&lt; / li&gt;
&lt; li&gt;スーパーパワーグリッドシステム。&lt; / li&gt;
&lt; li&gt; JavaScriptプラグインを書き換えます。&lt; / li&gt;
&lt; li&gt;新しいグリフィコンアイコンfont /&lt; / li&gt;
&lt; li&gt;オーバーホールされたナビバー&lt; / li&gt;
&lt; li&gt;モーダルは反応があります。&lt; / li&gt;
&lt; li&gt;いくつかのコンポーネントを追加しました。&lt; / li&gt;
&lt; li&gt;一部のコンポーネントを削除しました。&lt; / li&gt;
&lt; li&gt;より一貫した基本クラスとサイジングクラス。&lt; / li&gt;
&lt; li&gt;ドロップされたInternet Explorer 7とFirefox 3.6のサポート。&lt; / li&gt;
クライアント側で有効になっているJavaScript&lt; / ul&gt;&lt; / p&gt;&lt;要件&gt;
&lt; li&gt; jQuery&lt; / li&gt;
&lt; / ul&gt;&lt; / p&gt;

同じようなソフトウェア

ResponCSS
ResponCSS

13 May 15

Kube
Kube

10 Dec 15

cssPlus
cssPlus

1 Mar 15

開発者の他のソフトウェア Bootstrap Development Team

Ratchet
Ratchet

13 May 15

へのコメント Bootstrap

コメントが見つかりません
コメントを追加
画像をオンにする!