Bootstrap は、有名なソーシャル ネットワーキング サイトで Weibo のパイオニアである Twitter によって 2011 年 8 月に開始されたオープンソースの WEB フロントエンド フレームワークです。CSS と HTML を統合し、最新のブラウザ テクノロジを使用して一連のフロントエンドを提供します。迅速な WEB 開発のためのツール。レイアウト、グリッド、テーブル、ボタン、フォーム、ナビゲーション、プロンプトなどを含むパッケージ。ブートストラップを使用すると、リソースをほとんど消費しない非常にエレガントなフロントエンド インターフェイスを構築できます。
Bootstrap は、Twitter の Mark Otto と Jacob Thornton によって開発されました。 (推奨学習: Bootstrap ビデオ チュートリアル )
Bootstrap は、2011 年 8 月に GitHub でリリースされたオープン ソース製品です。
Bootstrap は、Web アプリケーションと Web サイトを迅速に開発するためのフロントエンド フレームワークです。ブートストラップは HTML、CSS、および JAVASCRIPT に基づいています。
初期の Twitter のフロントエンド エンジニアは、使い慣れたライブラリをほぼすべて使用してフロントエンド開発のニーズに対応していましたが、そのために発生した問題は、保守と拡張が非常に難しいことでした。最終的に、Bootstrap はこれらの課題の解決策となり、Twitter 内で急速に成長し始め、twitter.com で広く採用され、安定バージョンを形成しました。エンジニアが開発と改善を続けるにつれて、Bootstrap は、基本的なスタイルだけでなく、よりエレガントで耐久性のあるフロントエンド デザイン パターンを含む大きな進歩を遂げました。
Bootstrap を使用してエレガントな Web ページを構築する
Bootstrap の中核は、Less フレームワークに基づいて構築された CSS です。したがって、Bootstrap に関して言えば、Less について話さなければなりません。
Less について
Less は動的 CSS 言語フレームワークです。Less は CSS の動的特性を拡張します。従来の CSS と比較して、Less はより強力な機能と柔軟性を提供します。 Less をベースに、CSS を記述するときに埋め込み宣言、変数、ブレンド モード、演算、カラー編集関数を使用できます。簡単に言うと、Less を使用すると、プログラミングのように CSS を記述し、そのプログラムを接尾辞less が付いたファイルに保存でき、それを標準の CSS ファイルにコンパイルするためのフレームワークが提供されます。
簡単な例として、複数のスタイルに同じ色を設定したい場合は、次のように記述できます:
@color: #FFFFFF; h1 { color: @color; } #sub{ color: @color; } #编译后 h1 { color: #ffffff; } #sub { color: #ffffff; }
上記のコードは、Less の最も単純な適用にすぎません。変数に加えて、CSS では数学的な演算、パラメータの受け渡し、ファイルの相互参照、ルールのネストなどを実行することもできます。この CSS の書き方がフロントエンド開発にどれだけの変化をもたらすか想像できるでしょう。柔軟性、拡張性、保守性のいずれの点においても、Less は CSS 開発を大幅に改善し、より動的にしました。
Bootstrap に関連する技術的な記事については、Bootstrap チュートリアル 列にアクセスして学習してください。
以上がブートストラップがオープンソースになったのはいつですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。