BootStrapフロントエンドフレームの使い方詳細


1.概念:
Bootstrapは、今人気の先端フレームです。BootstrapはHTML、CSS、JavaScriptに基づいています。簡潔で柔軟で、Web開発をより迅速にします。
利点:
  • .多くのcssスタイルとjsプラグインが定義されています。私達の開発者は直接これらのデザインとプラグインを使って、豊富なページ効果を得ることができます。
  • .応答式レイアウト。
  • 同じページは、異なる解像度のデバイスに対応することができます。
    2.使用手順:
    1.Bootstrapをダウンロードして、公式サイトの住所:https://v3.bootcss.com

    2.プロジェクトではこの3つのフォルダをコピーします。

    3.htmlページを作成し、必要なリソースファイルを導入する
    
    <!DOCTYPE html>
        <html lang="zh-CN">
        <head>
          <meta charset="utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <!--   3 meta  *  *     ,       *  *    ! -->
          <title>Bootstrap HelloWorld</title>
        
          <!-- Bootstrap -->
          <link href="css/bootstrap.min.css" rel="external nofollow" rel="stylesheet">
        
        
          <!-- jQuery (Bootstrap     JavaScript       jQuery,        ) -->
          <script src="js/jquery-3.2.1.min.js"></script>
          <!--    Bootstrap     JavaScript   。               。 -->
          <script src="js/bootstrap.min.js"></script>
        </head>
        <body>
        <h1>  ,  !</h1>
        
        </body>
        </html>
    4.その後はホームページにコピーしたいセットがあります。
    以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。