昨天，我偶然間發現了它——BootStrap插件，它是一一套功能強大的前端組件。說起來，我跟這插件還真算得上有緣，我本來並不是去找這個插件的，我本來是找BootStarp Paginator這個分頁插件（稍后我將分享一下該插件實現分頁的功能），結果陰差陽錯，就碰到它了，我只想說“幸福來的太突然了”。下面我將具體介紹一個這個神奇的插件。
首先，我們來看
看它到底有些什么東西，再來看看它具體怎么使用。左邊是該插件所包含的組件列表。相信大家一看就明白了，這是什么，我就不多說了。
相信大家己經對它有一定的了解了，下面我們來說說他具體怎么使用吧。
其實，像這類插件，用法大致都差不多，基本上的前端插件用來來都大同小異，不外乎就三點：引入相關的css,引入相關的js，引入相關的字體（這個主要解決中文亂碼引起的問題）；這個思路大家以后在學習過程中肯定會經常用到，像比較常見的EasyUI,JQuery minUI,FCKEditor,UEditor等等這一類，都是這樣的。
首先，大家到官網下載BootStrap;解壓后，里面的目錄結構稍加整理后是這樣的：
這是myeclipse里的目錄結構，大家以后有在項目中使用相關插件，大家不妨使用這種目錄結構（首先為你使用的插件單獨建立一個文件夾，這里我使用的是bootstrap,然后在這個文件夾下面建立如下目錄：一般是css/js/font/resource/build/images/theme大家看自己下的插件建立就好），這樣一大家使用也方便，別人一看就知道，這里是使用了什么插件。
接下來，我看來看這個插件具體引入的文件。
<!-- ------------------------bootstrap---------------------------------- --> <link href="bootstrap/css/bootstrap.css" rel="stylesheet"> <script src="bootstrap/js/jquery-1.8.3.js"></script> <script src="bootstrap/bootstrap.js"></script>
這是一個分頁組件（這里着重是為了講解怎么使用，分頁組件只是一個示例，大家完全可以根據自己的需要去選擇自己需要的組件）
<ul class="pagination"> <li><a href="#">«</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">»</a></li> </ul>
這是效果
這里我只貼一下關鍵代碼，其它的的代碼大家自己補全就好了。只要我們引入了前面那些文件，我們就可以快速地生成一個組件，相關組件api,大家可以參照BootStrap組件這里面的，好了，想必大家肯定很想親自試試吧，那大家開始吧。