bootstrap是一種高級的前端開發工具包。它提供了優雅的HTML和CSS規範，由動態CSS語言Less寫成。是基於jQuery框架開發的，目前本人還沒有對jQuery有系統的學習，所以這裏主要是介紹bootstrap的一些基本寫法。

要使用bootstrap和其他框架一樣，需要先下載工具包，並且在HTML中引用bootstrap.min.css或者bootstrap.css文件，兩者的效果都是一樣的差別就在於第一個是簡化版，省去了一些沒有意義的空格，一般在我們進行開發的時候使用，可以減少占用的內存，但是如果我們要對其源代碼進行修改或者查詢的話，還是一般使用bootstrap.css。

bootstrap對許多我們經常使用但自己寫又比較麻煩的頁面元素有很好的支持，使得我們能非常容易迅速的寫出好看的樣式，而且如果對其不滿意，還可以進行修改，非常非常的牛。

這裏只介紹table，其他的可以直接在API裏面找到。

<table class="table"></table>

直接寫出這句代碼，自動生成的表格自己就有了很規範的樣式，不用我們在CSS中再進行編寫。

而且還可以許多好看的效果：

table-striped可以使奇數行的背景設為灰色。

table-bordered可以使邊框顯示。

table-hover可以使鼠標懸停的行的背景變為灰色

table-condensed可以使行間距變小。

這些我們都能直接引用，非常的方便，關於這方面就不進行一一介紹，詳細可查看API。

bootstrap還有一個更為牛的地方，Bootstrap內置了一套響應式、移動設備優先的流式柵格系統，隨著屏幕設備或視口（viewport）尺寸的增加，系統會自動分為最多12列。它包含了易於使用的預定義classe，還有強大的mixin用於生成更具語義的布局。

四種柵格選項，他們分別是col-xs ,col-sm,col-md,col-lg

xs(超小屏幕)
sm(小屏幕)
md(中屏幕)
lg(大屏幕)

這個效果對我們在進行不同平臺上的開發帶來難以想象的便利，它能夠根據使用的電腦，手機，ipad..自動對頁面進行調節。

bootstrap用法