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ファイル、例は以下の通りです(ローカルダウンロードファイルを参照):
     
  


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