bootstrap框架用於生產環境的編譯並壓縮後的 CSS、JavaScript 和字體文件。 bootstrap框架是目前流行的開源框架，如果將bootstrap引用到html裏，將會做出更好看的網頁，以下是具體步驟：
一.到bootstrap官方網站下載(點擊下載bootstrap)，對於我們開發者來說，直接下載編譯和壓縮後的CSS、JavaScript文件，另外還包含font文件，打開解壓包之後可以發現包含三個文件夾 css、fonts、js。這三個文件以後可直接在html文檔裏引用，讓我們省下不少時間（如果是自己寫css和js文檔肯定得花很長時間，但直接引用這三個文件我們做網頁就不必費時間了）。
二.下面舉個bootstrap官網上的例子，先上代碼：
<!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 101 Template</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>你好，世界！</h1>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>解釋：1.<link href="..." rel="styesheet">打省略號裏的就是你需要的css文件，這個css文件可以是前面剛說的官網下載的css文件，也可以是其他你從網上下載的，也可以直接用bootstrap的鏈接引用，當然，自己寫的css也可以！一般情況下，需要的css文件很多，遠遠不止官網那一個，舉個例子，你可能需要一個動畫效果（旋轉木馬等等），你可以自己寫也可以直接在網上下載對應的css文件。常用規範是：把css的引用放在前面。
2.<script src="..."></script>，和css一個道理，省略號裏的就是你需要的js文件，這個js文件可以下載可以用鏈接、也可以自己寫，不在贅述。常用規範：把js的引用放在後面。
三：一開始用bootstrap，建議用bootstrap上的多試試，包括css全局樣式，組件，javascript插件，舉個例子，比如說你要寫一個導航欄，在組件裏找到導航條，挑一個自己網頁適合的，直接用（複製這段代碼到你的html裏）或仿寫都可以的。逐漸這樣做出來的網頁就會越來越好看。
還有一個技巧就是：多看看大型網站上做出來的網頁，對你會有幫助，不論是排版還是樣式，你都可以參考。