Bootstrap 網頁設計用戶界面架構

Bootstrap 是 twitter 公司裡面的開發者和設計師一起做出來的一套用在網頁上的用戶界面和互動的架構。 架構的意思就是把經常用的東西事先為你編寫好，需要的時候，直接調用就可以了。

因為他簡單的操作流程，易容掌握，效率高，目前被國內外多數建站者大量使用。目前國內也開設了許多相關的教程。

目前主要講解相關課程的有：王皓

Bootstrap將是建站的下一個新起點。

基本介紹

• 中文名：Bootstrap 網頁設計用戶界面架構
• 主講人：王皓
• 版本：開放式課程
• 發行日期：2012年08月22日

圖書信息

中文名: Bootstrap 網頁設計用戶界面架構：寧皓網

英文名: Bootstrap : User Interface Framework

別名: Bootstrap 網頁設計用戶界面與互動架構

資源格式: 光碟鏡像

主講人: 王皓

版本: 開放式課程

發行日期: 2012年08月22日

地區: 大陸

對白語言: 國語

內容介紹

Bootstrap 是 twitter 公司裡面的開發者和設計師一起做出來的一套用在網頁上的用戶界面和互動的架構。
架構的意思就是把經常用的東西事先為你編寫好，需要的時候，直接調用就可以了。
比如說，你想去設計網頁的布局，你需要計算網頁的寬度，然後手工把布局要用的 CSS 代碼寫出來。
Bootstrap 架構內置了一套格線布局系統，你只需要在元素中使用設計好的布局相關的格線類，不需要你再去手工撰寫布局使用的CSS代碼了。
如果你想在網頁中出現一個按鈕，通常你需要先用圖形設計軟體，去設計一個按鈕 ，然後再把它用 HTML 和 CSS 表示出來。
在網頁中使用Bootstrap架構 ，我們可以直接為元素添加Bootstrap 設計好的按鈕相關的類，就可以立即在網頁中出現一個漂亮的按鈕，Bootstrap 還允許你控制這個按鈕的顏色 ，樣式，大小等等。
Bootstrap 裡面包含了很多在網頁中經常用的界面的設計。表格，表單、導航欄，按鈕組，分頁器，導航路徑等等。
Bootstrap 還提供了很多互動的小外掛程式，比如對話窗，下拉選單，工具提示，選項卡等等，這些你都可以直接使用，你只需要按照 Bootstrap 設計好的方式，先把代碼的結構寫出來，然後在元素中使用相應的類，剩下的事 Bootstrap 全部都會為你做好。
這讓我們的工作變得非常簡單。

目錄

Bootstrap 用戶界面與互動架構
下載 Bootstrap
包含的檔案
在網頁中使用 Bootstrap
布局
嵌套布局與流動布局
回響式布局
把已有的固定寬度布局轉換成回響式布局
回響式布局的實用類