ホームページ >ウェブフロントエンド >フロントエンドQ&A >ブートストラップソフトウェアですか?
Bootstrap はソフトウェアではありませんが、Web アプリケーションや Web サイトを迅速に開発するためのフロントエンド フレームワークです。Bootstrap は HTML、CSS、JavaScript に基づいて開発され、エレガントな HTML および CSS 仕様を提供するため、Bootstrap は単なる作品ではありませんソフトウェアの。
このチュートリアルの動作環境: Windows 10 システム、ブートストラップ バージョン 5、DELL G3 コンピューター
Bootstrap は、Web アプリケーションと Web サイトを迅速に開発するためのフロントエンド フレームワークです。ブートストラップは HTML、CSS、および JAVASCRIPT に基づいています。
Bootstrap は、米国 Twitter Company のデザイナー、Mark Otto と Jacob Thornton によって開発された、HTML、CSS、および JavaScript をベースとしたシンプルで直感的かつ強力なフロントエンド開発フレームワークで、Web 開発を高速化します。 Bootstrap は、動的 CSS 言語 Less で記述されたエレガントな HTML および CSS 仕様を提供します。 Bootstrap は発売以来非常に人気があり、NASA の MSNBC (Microsoft National Broadcasting Company) Breaking News など、GitHub 上の人気のオープンソース プロジェクトとなっています。 WeX5 フロントエンド オープン ソース フレームワークなど、国内のモバイル開発者に馴染みのある一部のフレームワークも、Bootstrap ソース コードに基づいてパフォーマンスが最適化されています。Bootstrap パッケージの内容
基本構造: Bootstrap は、グリッド システム、リンク スタイル、および背景を備えた基本パッケージを提供します。 。 構造。これについては、ブートストラップの基本構造セクションで詳しく説明します。 CSS: Bootstrap には、グローバル CSS 設定、基本的な HTML 要素スタイルの定義、拡張可能なクラス、および高度なグリッド システムの機能が付属しています。これについては、「ブートストラップ CSS」セクションで詳しく説明します。 コンポーネント: Bootstrap には、画像、ドロップダウン メニュー、ナビゲーション、アラート ボックス、ポップアップ ボックスなどを作成するための再利用可能なコンポーネントが十数個含まれています。これについては、「レイアウト コンポーネント」セクションで詳しく説明します。 JavaScript プラグイン: Bootstrap には、12 を超えるカスタム jQuery プラグインが含まれています。すべてのプラグインを直接含めることも、個別に含めることもできます。これについては、ブートストラップ プラグインのセクションで詳しく説明します。 カスタマイズ: Bootstrap コンポーネント、LESS 変数、および jQuery プラグインをカスタマイズして、独自のバージョンを取得できます。 例は次のとおりです:<!DOCTYPE html> <html> <head> <title>Bootstrap 实例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="jumbotron"> <h1>我的第一个 Bootstrap 页面</h1> <p>重置窗口大小,查看响应式效果!</p> </div> <div class="row"> <div class="col-sm-4"> <h3>第一列</h3> <p>学的不仅是技术,更是梦想!</p> <p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p> </div> <div class="col-sm-4"> <h3>第二列</h3> <p>学的不仅是技术,更是梦想!</p> <p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p> </div> <div class="col-sm-4"> <h3>第三列</h3> <p>学的不仅是技术,更是梦想!</p> <p>再牛逼的梦想,也抵不住你傻逼似的坚持!</p> </div> </div> </div> </body> </html>出力結果: 関連する推奨事項:
以上がブートストラップソフトウェアですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。