この記事では、参照用のWebフレームワークブートストラップの簡単な使用法を共有しています。特定のコンテンツは次のとおりです
Bootstrapの中国のWebサイトを検索するために、Baidu Bootstrapを直接Baiduで検索します。ソースコードをダウンロードすることを選択するのが最善です。
ダウンロードが完了したら、プロジェクトのルートディレクトリにdist/css/bootstrap.min.cssをコピーします。
特定のモジュールの紹介と使用については、中国のWebサイトで説明されています。例として作成された簡単な例です。
<！doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title>レスポンシブレイアウトにブートストラップを使用</title> <link href = "bootstrap.min.css" type = "text/css rel =" inav> < Navbar-Defaultはデフォルトの色ですが、Navbar Fixed-Topはナビゲーションバーの丸いコーナー効果をキャンセルすることです。役割は回避できます。 Aria-Expanded = "false"> <span>トグルナビゲーション</span> <span> </span> </span> </span> </span> </span> </button> </button> </a href = "＃"> projectname </a> </div> < <form role = "search"> <div> <入力タイプ= "Text" Placeholder = "Emails"> </div> <div> <input inp = "placeholder =" password "> </div> <button type =" onclick = "signin（）> sign in </button> <スクリプト> <スクリプト> < ログイン"）; } </scrip> </form> </div> <！ - /.navbar-collapse-> </div> <テストhereerthereはテスト記事ですHereerはテスト記事テスト記事テスト記事テスト記事テスト記事テスト記事です。ここではテスト記事です。 arthere -hereer here here here hereers here is test arters hereere there here hore here is test arthers test article tester hereere test article aser a a test arts a test article here is test article a a test article is test article is a test articテストhereerthereはテスト記事ですHereerはテスト記事テスト記事テスト記事テスト記事テスト記事テスト記事です。ここではテスト記事です。記事はテストの記事であるHereers here is test artersertertestert article aseports aperts aports a here is a»</a> </p> </p> </p> </div> <div> <h2> heading2 </h2> <p>ここにテスト記事ですHereはテスト記事です。テストhereer hereer here here here hereers here is test article hereere test test arts test article hereers hereer here is test article test arts arts aperts a a test aperts a test article is test article is test arts a test article is test article a a test artice -hereer hereer hereはテスト記事です。テスト記事はテスト記事です。ここではテスト記事ですHereerはテスト記事テスト記事テスト記事です。テスト記事はテスト記事です。 arthere -herere here is here is hereers here is test arters here -here here here here here test test article hore here is test article test article aseports a test arts a test article here is here is test article is a test article is a test article is a test article </foot> </div> </body> </html>
上記はこの記事に関するものです。すべての人の学習に役立つことを願っています。