Bootstrap-4.3.1バージョンの使用方法
3515 ワード
1、Bootstrapには以下のネットワーク参照ファイルがあります.
bootstrap.css(圧縮されていない)
bootstrap.min.js(圧縮版、体積が小さく、伝送速度が速い)
bootstrap.js
bootstrap.min.js
以上の参照ファイルはいずれも4.3.1版であり、bootstrapの使用はjQueryに依存するため、使用前にjquery-3.4.1を導入する必要がある.jsファイル、例は以下の通りです(ローカルダウンロードファイルを参照):
bootstrap.css(圧縮されていない)
bootstrap.min.js(圧縮版、体積が小さく、伝送速度が速い)
bootstrap.js
bootstrap.min.js
以上の参照ファイルはいずれも4.3.1版であり、bootstrapの使用はjQueryに依存するため、使用前にjquery-3.4.1を導入する必要がある.jsファイル、例は以下の通りです(ローカルダウンロードファイルを参照):
2、Bootstrap:応答型のモバイル優先サイトを開発するために使用され、大量のコンポーネントを提供し、開発を簡素化する.
以下はbootstrapが提供するレイアウト、コンテンツ、ツール、コンポーネントなどの使い方の詳細です.
注:以下はbootstrapのクラス名で、使用は
のclass内で使用します.
1)レイアウト(Layout)
注:
応答型サイトを開発する場合は、headに次のコードを必ず追加してください
目的で、相対単位でpx
グリッドシステム、コンテナ/行/列.1行は12列に分かれ、12グリッドシステムになります.
2)コンテンツ(Content)
3)ツール(Utilities)
4)コンポーネント(Components)
転載先:https://www.cnblogs.com/lidyfamily/p/11502706.html