BootStrap——新建BootStrap項目


1、概念:

Bootstrap 是開發 Web 應用程序和網站的前端框架,它是基於 HTML、CSS、JAVASCRIPT 的。

2、新建BootStrap項目:

(1)需要先導入BootStrap文件夾中的如下三個文件夾(布局、字體、js):

 

(2)在代碼中引入相應的文件:

BootStrap官網上的介紹(網絡路徑):

 

3、 BootStrap模板:

(1)官網模板:

 

 (2)基本模板:

<!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">
    <!--寬度為設備的理想寬度
        "viewport":設備上用來顯示網頁的那部分區域,通常都有一個默認值
        "initial-scale=1":初始縮放值,還可以添加其它屬性對最大/小縮放值和是否允許縮放進行設置
    -->
    <title>Bootstrap入門</title>
      <link href="../css/bootstrap.min.css" rel="stylesheet">
      <script src="../js/jquery-1.11.3.min.js"></script>
      <script src="../js/bootstrap.js"></script>
      <!--文件的引入要遵循嚴格的順序-->
    <![endif]-->
  </head>
  <body>
    <h1>你好,世界!</h1>
  </body>
</html>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM