Bootstrap 是快速開發 Web 應用程序的前端工具包。它是一個 CSS，HTML 和 JS 的集合，Bootstrap中包含了豐富的Web組件，根據這些組件，可以快速的搭建一個漂亮、功能完備的網站，其中包括以下組件：下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等。
大學生使用bootstrap前端框架制作網頁時掌握一些基本使用技巧可以事半功倍。
一、框架的導入及使用方法
導入框架：需要在html代碼最前方加上如下代碼：
<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
同時，為了使用該框架，必須將html代碼放在一個class為 **container-fluid** 的div里面
二、圖片適配
讓圖片完美適配頁面的寬度，只需加上如下屬性： `class=”img-responsive”`
三、控件布局、操作
1、設置文字居中
<h2 class="text-center">your text</h2>
2、按鈕基本設置
class中添加btn，就成為了bootstrap的按鈕風格
<button class="btn">like</button>
按鈕默認顏色也可以有屬性直接設置，默認為藍色
<button class="btn btn-block btn-primary">Like</button>
3、水平布局
bootstrap當真是把水平布局變得十分簡單了，它有一種類似于table的方法，但是使用起來十分方便。
#leftDiv
#rightDiv
4、添加FontIcon
這里添加的是Font Awesome Icons，是一個圖標庫，使用它需要在代碼前加上
<link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css"/>
如下代碼就是點贊的圖標
<i class="fa fa-thumbs-up"></i>
如果需要換成其他圖標，只需需改fa-thumbs-up為其他就行了。
網頁定做咨詢 
