1.首先介紹一個前端框架： bootstrap  前端框架：是一個可以快速的開發一個前端頁面的框架。

bootstrap:簡單來說  它可以用來幹什麼：Bootstrap中包含了豐富的Web元件，根據這些元件，可以快速的搭建一個漂亮、功能完備的網站。

下載網址：http://www.bootcss.com/

下載完之後  --------解壓後-----  可以直接放入到專案的webapp包下的某個資料夾下，如何呼叫根據官網的文件

在個人的html或者jsp介面加入上圖中的兩句話：src地址可以改為自己專案中的bootstrap所在的相對路徑

然後再匯入一個jquery的js檔案   jquery下載地址：https://download.csdn.net/download/taylor_ocean/10846228

簡單介紹一下bootstrap的強大  不用不知道 一用嚇一跳。

首先只要按照 以上步驟  把bootstrap相應的js和css檔案匯入到專案中，然後根據bootstrap的文件說明   只需要在你寫的標籤中新增   你喜歡的樣式的class名字-----就可以達到你想選擇的樣式。

例如：  我在我的網頁上 ------- 新增一個button標籤   --------- -class  我用 bootstrap所提供的class名字就可以

（參考bootstrap地址：https://v3.bootcss.com/css/?#buttons）