なぜブートストラップを使うのですか?
- Bootstapはフロントエンドで最も人気のあるフレームワークです(主要な学習Webサイトはそう言っています... emmm)。
これは最も人気があるため、もちろん学習する必要があるため、
さまざまなデバイスでWebプロジェクトを迅速に開発するのに役立ちますPC側のセット、モバイル側のセット、顔側のセット、背面のセットがなく、優れた柔軟なレイアウトがあります。これは良くなく、あまりにも疲れているため、柔軟なレイアウトが必要です
メリットは何ですか?
- 以前はナビゲーションバーを作成していましたが、最初に、ulはフローティング、配置、長いリストを使用していますが、これは怠惰な人には受け入れられません。!!、彼が来た、bootsrtapは、ナビゲーションボックスなどのブラックボックスのような多くの一般的なコンポーネントを定義しました。ドロップオフして、見栄えのいいボタンi、ドロップダウンメニュー、対応するクラス名を直接追加できます。 、それを読んだ後でも、それはまだ混乱しているかもしれません、そして私たちは実験することによって私たちの意味を理解します
準備:
- 公式Webサイトでリソースライブラリをダウンロードします。ダウンロード後、リンクインポートをcssファイル、jsファイル、
<srcipt>
メモのインポート、ダウンロード、インポートとして使用します。これは面倒です。私は怠惰な人なので、これらを入手するように言われました ??心配しないで、怠惰な男はリソースライブラリをインポートします。彼はここにいます - 中国のStaticfile CDNのライブラリを使用することをお勧めします。これは少し混乱します。リンクのインポートを使用して、次のリンクをページの先頭に直接コピーしてもかまいません。
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
- プラグインのダウンロード
vscodeを開き(vsc、さまざまなプラグイン機能、使いやすい)、拡張機能(ctrl + shit + x)を選択し、ブートストラップ3スニペットとブートストラップ4スニペットを検索し、インストール後にリロードします。このプラグインはリマインダー機能ですので、使い方を見てみましょう!!!
練習を始めましょう:
- bs3-またはキーワードから始めて、ページの一般的に使用されるコンポーネントを見てみましょう
- bs3-formまたはform、それはあなたが選択するために自動的に複数のスタイルをポップアップします、対応するスタイルを表示するためにただクリックしてください、ラジオ、チェックボックス、ドロップダウン選択メニュー、入力ボックスなどがあります。簡単に見てみましょう
- 選択ドロップダウンメニューはワンクリックで生成され、テキストと幅は自分で変更できます。
ワンクリックで美しいラジオボタンを生成する
- 誰かが尋ねた、あなたはそれがワンクリックで生成できると言った、どこがとても簡単で、どれがとても簡単か、フォームに入るとプロンプトが生成される、私たちは常にチェックボックスを知っている、キーワードを見つける、そうだ、たくさんある他のボタン、ナビゲーションバー、およびWebページの回転マップも同様です。キーワードを入力して、必要なスタイルを見つけてください!!!
- 重要な知識ポイントもありますが、使い方は簡単ですが、これに基づいて変更したい場合はどうすればいいですか?それは宿題をコピーするようなもので、いつも同じというわけではありません。私は怠惰ですが、愚かではありません。注意深く人々は彼のスタイルが基本的にクラス名によって設定されることに気付くかもしれません、そして上のドロップダウンメニューがマウスタッチを青い背景にしたくない場合、私はこれに基づいて優先順位を設定できますidセレクターなどのより高いセレクターは、ウェイトが彼よりも高い限り(ウェイトに関する一連の問題がを下回っている場合)、元のスタイルをカバーできます(もちろん、あまり問題はありません、または将来的にブルーになりたくない場合)。背景、公式サイトからダウンロードしたソースファイルを直接修正できるので、怠惰な人の紹介記事もこまめに見る?? hhh)
簡単に理解して重みを計算する方法
いつでも集めて将来の利用に!!!