Bootstrapは非常に人気のあるフロントエンドフレームワークです。簡単に言えば、HTML、CSS、およびJavaScriptのツールセットです。 Bootstrapを使用して、シンプルで新鮮なWebサイトまたはソフトウェアインターフェイスを構築できます。ブートストラップを使用すると、バックエンド開発者は、フロントエンドインターフェイスの構築を心配する必要がなくなりました。
Bootstrap(1)には、これらのコンポーネントに基づいた豊富なWebコンポーネントが含まれており、美しく完全に機能するWebサイトをすばやく構築できます。次のコンポーネントが含まれています。ドロップダウンメニュー、ボタングループ、ボタンドロップダウンメニュー、ナビゲーション、ナビゲーションバー、パン粉、ページング、タイプセット、サムネイル、警告ダイアログ、進行状況バー、メディアダイアログなどが含まれます。
(2)Bootstrapのコンポーネントに寿命をかける13のJqeryプラグインが付属しています。これらには、モードダイアログボックス、タブ、スクロールバー、ポップアップボックスなどが含まれます。
Bootstrapは、Twitterエンジニアによって暇なときに開発されました。 Xunsuは、最大かつ最も人気のあるオープンソースサイトであるGithubでソースを開いた後、ウェブサイトで最も頻繁に更新されるプロジェクトになりました。多数のエンジニアがプロジェクトに積極的にコードを提供し、Bootstrapを使用して構築された多数のWebサイトが短期間で登場しました。 Bootstrapの開発速度がそんなに素晴らしいのはなぜですか?これは主にブートストラップの優れた機能が原因です。
モバイルデバイスが推奨されます。モバイル指向の機能を最初に配置します
ブラウザのサポート:すべての主流ブラウザはブートストラップをサポートしています
簡単に開始できます:HTMLとCSSの基本がある限り、Bootstrapの学習を開始できます
レスポンシブデザイン:ブートストラップのレスポンシブCSSは、デスクトップ、タブレット、携帯電話に適応できます。
簡単にカスタマイズするための強力な組み込みコンポーネントが含まれています
Bootstrapで構築された最もシンプルなページを見てみましょう。
<!doctype html> <html lang = "zh-cn"> <head> <meta charset = "utf-8"> <meta http-equiv = "x-ua-compatible" content = "ie = edge"> <meta name = "viewport" content = "width =" width = emplate = <pittrap 10 bootstrap-> <link href = "css/bootstrap.min.css" rel = "styleSheet"> <! - html5 shim and respons.js ie8サポートhtml5要素とメディアクエリ - > <! - 警告:respons.jsが動作しない場合:> <> <! src = "http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"> </scrip> <スクリプトsrc = "http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"> <! </p> </div> <div> <div> <h3>列1 </h3> <p>あなたが学んだのは、テクノロジーだけでなく夢です! </p> <p>あなたの夢がどれほど素晴らしくても、それはあなたの馬鹿のような粘り強さに耐えることはできません! </p> </div> <div> <h3>列2 </h3> <p>あなたが学んだのは、テクノロジーだけでなく夢です! </p> <p>あなたの夢がどれほど素晴らしくても、それはあなたの馬鹿のような粘り強さに耐えることはできません! </p> </div> <div> <h3>列3 </h3> <p>あなたが学んだのは、テクノロジーだけでなく夢です! </p> <p>あなたの夢がどれほど素晴らしくても、それはあなたの馬鹿のような粘り強さに耐えることはできません! </p> </div> </div> </div> </body> </html>
上記は、編集者が紹介したブートストラップについての学習に関する最初の記事です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます!