ブートストラップの勉強ノート

Bootstrap は、Twitter によって開発された HTML、CSS、および JavaScript に基づくオープンソース フレームワークです。最も重要な部分は、その応答性の高いレイアウトです。 (国内文書翻訳公式ウェブサイト: http://www.bootcss.com/ から中国語文書や関連ツールをダウンロードできます)

• 1.bootstrap6つの主な機能:

1. クロスデバイス、ブラウザはすべての最新ブラウザと互換性があります

2. レスポンシブなレイアウト、PC でさまざまな解像度をサポートし、パッドや携帯電話などの端末デバイスとも互換性があります。

3. ナビゲーション、メニューラベル、ツールバーボタン、開発者が簡単に呼び出せる一連のコンポーネントなどの包括的なコンポーネントを提供します

4. 組み込みの jQuery プラグインにより、従来のさまざまな特殊効果の実現が容易になります

5. HTML5 セマンティックタグと CSS3 属性をサポートします

6. LESS 動的スタイルのサポート: LESS は、変数、ネスト、および操作混合コーディングを使用して、より高速かつ柔軟な CSS を作成します。

• 2.bootstrapディレクトリ構造

解凍後、distフォルダーに移動します

3 つの主要なディレクトリ構造: Css JS フォント

3. 初めてブートストラップを使用する場合は、index.html ファイルを作成し、dist の下に配置します

リーリー

コードを表示