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>