523

ここには、Bootstrap に関連する多くの質問があります。使っている方を多く見かけます。そこで調べてみたところ、Bootstrap の公式サイトを見つけたのですが、ダウンロードのセクションとその後に一言しかありませんでした。それが何のためにあるのかを説明するものは何もありません...フロントエンドヘルパーであることを理解しました。グーグルで何かを見つけようとしましたが、具体的なものは何も見つかりませんでした。私が見つけたものはすべて、コンピュータ サイエンスの定義に関連しています。

だから、私の質問は次のとおりです。

  • ブートストラップとは何ですか?
  • それは何に使用され、フロントエンド開発にどのように役立ちますか?
  • また、それを説明するいくつかの詳細が欲しいです。
4

11 に答える 11

277

これは、Web サイトまたは Web アプリケーションを作成するための基礎として使用できる HTML、CSS、および JavaScript のオープンソース フレームワーク (当初は Twitter によって作成されたもの) です。

アップデート

公式のブートストラップ Web サイトが更新され、明確な定義が含まれています。

「Bootstrap は、ウェブ上でレスポンシブなモバイル ファースト プロジェクトを開発するための最も人気のある HTML、CSS、および JS フレームワークです。」

「 @mdo@fatによって世界中のすべての愛を込めて設計および構築されました。」

于 2013-01-27T11:08:36.217 に答える
94

Bootstrap は、Twitter のチームによって開発されたオープンソースの Javascript フレームワークです。これは、ユーザー インターフェイス コンポーネントの構築を支援するために設計された、HTML、CSS、および Javascript コードの組み合わせです。Bootstrap は、HTML5 と CSS3 の両方をサポートするようにもプログラムされています。

フロントエンドフレームワークとも呼ばれます。

Bootstrap は、Web サイトおよび Web アプリケーションを作成するためのツールの無料コレクションです。

これには、タイポグラフィ、フォーム、ボタン、ナビゲーション、その他のインターフェイス コンポーネント用の HTML および CSS ベースのデザイン テンプレートと、オプションの JavaScript 拡張機能が含まれています。

プログラマーが Bootstrap Framework を好むいくつかの理由

  1. 簡単に始められる

  2. グレートグリッドシステム

  3. ほとんどの HTML 要素 (タイポグラフィ、コード、テーブル、フォーム、ボタン、画像、アイコン) の基本スタイル

  4. コンポーネントの広範なリスト

  5. バンドルされた Javascript プラグイン

ブートストラップ フレームワークについてから取得

于 2014-07-16T14:20:55.683 に答える
24

私が知っているように、Bootstrap は明確に定義された CSS です。Bootstrap を使用しても、JavaScript や jQuery などを使用できます。ただし、主な違いは、Bootstrap を使用すると、クラス名を呼び出すだけで、HTML フォームで出力を取得できることです。たとえば。ボタンの色付け レイアウトを使用したテキストの整形。これらすべてについて、CSS ファイルを作成する必要はなく、HTML フォームを形成するための正しいクラス名を使用するだけで済みます。

于 2014-06-27T09:30:02.760 に答える
2

Bootstrap は、美しくモダンな Web サイトや Web アプリケーションを非常に高速に作成できる多くのコンポーネントを備えた HTML、CSS、JS フレームワークです。

次の Web サイトには、ブートストラップ フレームワークを使用してプロジェクトに統合できる例、要素、および再利用可能なコンポーネントが含まれています。

ブーツニップ.com

startbootstrap.com

bootdey.com

于 2016-04-17T22:51:38.470 に答える
2

今日の標準と Web 用語では、Bootstrap は実際にはフレームワークではないと思いますが、Web サイトではそう主張しています。ほとんどの開発者は Angular、Vue、React フレームワークを検討していますが、Bootstrap は一般に「ライブラリ」と呼ばれています。

しかし、正確に言うと、Bootstrap はオープンソースのモバイル ファーストのCSS、JavaScript、および HTMLデザイン ユーティリティのコレクションであり、一般的に使用される Web 要素をゼロからコーディングするよりもはるかに高速 (かつスマート) に開発する手段を提供することを目的としています。 .

Bootstrap の成功に貢献したいくつかのコア原則:

  • それは再利用可能です
  • 柔軟性があります (つまり、カスタム グリッド システム、応答性のブレークポイント、列のガター サイズ、または状態の色を簡単に変更できます。経験則として、ほとんどの設定はグローバル変数によって制御されます)。
  • それは直感的です
  • モジュラーです (JavaScript と (S)CSS の両方がモジュラー アプローチを使用します。必要な部分だけを含めるためのカスタム Bootstrap ビルドの作成に関するチュートリアルを簡単に見つけることができます)。
  • 平均以上のクロスブラウザ互換性を持っています
  • すぐに使用できる Web アクセシビリティ (スクリーンリーダー対応)
  • それはかなりよく文書化されています

レイアウト、タイポグラフィ、フォーム、ナビゲーション、メニュー (ドロップダウンを含む)、ボタン、パネル、バッジ、モーダル、アラート、タブ、折りたたみ可能、アコーディオン、カルーセル、リスト、テーブル、ページネーション、メディア ユーティリティ (を含む) のデザイン テンプレートと機能が含まれています。埋め込み、画像、画像の置換)、応答性ユーティリティ、色ベースのユーティリティ (プライマリ、セカンダリ、危険、警告、情報、明るい、暗い、ミュート、白)、その他のユーティリティ (位置、マージン、パディング、サイズ変更、間隔、配置、可視性)、scrollspy、接辞、ツールチップ、ポップオーバー。


デフォルトでは jQuery に依存していますが、最新の一般的なプログレッシブ JavaScript フレームワークのそれぞれによって強化された jQuery の無料のバリアントを見つけることができます。

Bootstrap の操作は、特定のクラス (または、JS フレームワークによっては、ディレクティブ、メソッド、または属性/小道具) の適用と、特定のマークアップ構造の使用に大きく依存しています。

ドキュメントには通常、簡単にコピーして貼り付けてスターター テンプレートとして使用できる一般的な例が含まれています。


Bootstrap で開発するもう 1 つの利点は、活発なコミュニティであり、豊富なテーマ、テンプレート、プラグインに変換されており、そのほとんどはオープンソースです (つまり、カレンダー、日付/時刻ピッカー、表形式のコンテンツ管理用のプラグインなど)。 MDB、ポートフォリオ テンプレート、管理者テンプレートなど、Bootstrap の上に構築されたライブラリ/コンポーネント コレクションなど...)

最後になりましたが、Bootstrap は何年にもわたって適切に維持されてきたため、本番環境に対応したアプリケーション/Web サイトにとって信頼できる選択肢となっています。

于 2019-12-05T01:11:31.893 に答える
1

ウェブ上でレスポンシブなモバイル ファースト プロジェクトを開発するための、最も一般的な HTML、CSS、および JS フレームワークをブートストラップします。非常に人気のあるオープンソースのツールキットです。スタイリングがとても簡単です。最新バージョンはブートストラップ 4.bootstrap で、Sass 変数とミックスイン、レスポンシブ グリッド システム、豊富なビルド済みコンポーネント、および強力な JavaScript プラグインを備えています。現在、彼らはReact Js、Angular、およびVueのツールキットを指定しています

于 2021-03-24T04:22:24.110 に答える
0

Bootstrap は、HTML、CSS、および JS を使用して開発するための、世界で最も人気があり広く使用されているオープンソース フレームワークです。HTMLのフロントエンドフレームワークです。Bootstrap は、レスポンシブ Web サイトまたは Web アプリケーションの構築に役立ち、Web サイトを適切な画面解像度に動的に調整するのに役立つ 12 列のグリッド システムを構築します。ブートストラップの現在のバージョンは 4.3.1 で、ブートストラップ チームはブートストラップ 5バージョンとブートストラップからの jquery の削除などの変更も公式に発表しました。ブートストラップ フレームワークが最も望ましい決定的な理由のいくつかは、次のとおりです。

  • 使いやすいです

  • Bootstrap には大きなコミュニティ サポートがあります

  • カスタマイズは簡単に行うことができます

  • 開発スピードが上がる

  • 応答性

    詳細については、公式 Web サイト ( https://getbootstrap.com/ ) を確認してください。

ソース: https://vmokshagroup.com/blog/bootstrap-advantages/

于 2019-12-05T10:59:24.537 に答える