Bootstrap使用者介面與互動架構

標籤：

Twitter裡面的開發人員和設計師做出來的一套用於網頁上面的使用者介面和互動的架構。架構的意思就是把經常用到的一些東西事先給你編寫好，需要的時候可以直接去調用。

比如說你想去設計頁面的布局，你需要去計算網頁的寬度，然後呢手工地把布局需要用的css代碼給寫出來。Bootstrap呢內建了一套網格布局的系統，你只需要在元素中使用設計布局相關的網格的類，不需要你手工地去寫布局使用的css代碼了。

再比如說你想在網頁中出現一個按鈕，通常你需要先用圖形設計工具軟體去設計這樣一個按鈕，然後用html和css代碼把它實現出來，那麼在網頁中使用bootstrap架構的話，我們可以直接在元素中使用bootstrap架構為我們寫好的按鈕相關的類，這樣就可以立即在網頁中出現一個漂亮的按鈕。

Bootstrap還允許我們去控制這個按鈕的顏色，大小，邊框等等。

Bootstrap包含了很多經常在網頁中用到的設計，表格，表單，導覽列，按鈕，分頁器，導航路徑等等。

Bootstrap還提供了很多互動的外掛程式，比如說：對話方塊，下拉式功能表，工具提示，選項卡等等。這些你都可以直接去使用，你只需要按照bootstrap設計好的方式，先把代碼的結構寫出來，然後在元素上使用相應的類。剩下的事呢，bootstrap都會為你做好。這就讓我們的工作變得非常簡單，下面我們就一起來學習bootstrap的使用架構。

總結：css類+互動外掛程式=bootstrap架構

Bootstrap使用者介面與互動架構