bootstrap框架基本用法

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..自動對頁面進行調節。