資料介紹

在優酷網上觀看這些視頻：http://www.youku.com/playlist_show/id_18207934.html

多貝公開課：
http://www.duobei.com/manage-course/2432186110

多貝公開課高清版下載
http://yunpan.cn/QWjypwEbCiUes

多貝公開課幻燈片下載
http://yunpan.cn/QWjy4jNyGNSZY


內容介紹：

Bootstrap 是 twitter 公司裡面的開發者和設計師一起做出來的一套用在網頁上的用戶界面和交互的架構。

架構的意思就是把經常用的東西事先為你編寫好，需要的時候，直接調用就可以了。

比如說，你想去設計網頁的布局，你需要計算網頁的寬度，然後手工把布局要用的 CSS 代碼寫出來。

Bootstrap 架構內置了一套網格布局系統，你只需要在元素中使用設計好的布局相關的網格類，不需要你再去手工撰寫布局使用的CSS代碼了。

如果你想在網頁中出現一個按鈕，通常你需要先用圖形設計軟件，去設計一個按鈕 ，然後再把它用 HTML 和 CSS 表示出來。

在網頁中使用Bootstrap架構 ，我們可以直接為元素添加Bootstrap 設計好的按鈕相關的類，就可以立即在網頁中出現一個漂亮的按鈕，Bootstrap 還允許你控制這個按鈕的顏色 ，樣式，大小等等。

Bootstrap 裡面包含了很多在網頁中經常用的界面的設計。表格，表單、導航欄，按鈕組，分頁器，導航路徑等等。

Bootstrap 還提供了很多交互的小插件，比如對話窗，下拉菜單，工具提示，選項卡等等，這些你都可以直接使用，你只需要按照 Bootstrap 設計好的方式，先把代碼的結構寫出來，然後在元素中使用相應的類，剩下的事 Bootstrap 全部都會為你做好。

這讓我們的工作變得非常簡單。

內容截圖：