A. bootstrap官網(bootstrap官網布局代碼)
產品經理技術腦：Bootstrap什麼是Bootstrap？
Bootstrap是Web應用程序的前端框架。基於HTML、CSS、JAVASCRIPT。
Bootstrap由美國Twitter公司的設計師MarkOtto和JacobThornton合作開發的，基於HTML、CSS、JavaScript的簡潔、直觀、強悍的前端開發框架，使得Web開發更加快捷。
Bootstrap提供了優雅的HTML和CSS規范，由動態CSS語言Less寫成，一直是GitHub上的熱門開源項目。
Bootstrap是一個用於快速開發Web應用程序和網站的前端框架。在現在的Web開發中，有幾個幾乎所有的Web項目中都需要的組件。
Bootstrap版本功能發展
Bootstrap與最新版的GoogleChrome、Firefox、InternetExplorer、Opera和Safari瀏覽器兼容，盡管有些瀏覽器並不是支持所有操作系統。
從2.0版本開始，Bootstrap支持響應式網頁設計(RWD)。頁面布局可以根據顯示網頁的設備（桌面、平板電腦、手機）來進行動態調整。
3.0版本開始，Bootstrap將移動設備優先作為設計方針，更加強調了響應式設計。
4.0alpha版本添加Sass和Flexbox的支持。
Bootstrap特點
Bootstrap非常流行，得益於它非常實用的功能和特點。主要核心功能特點如下：
l跨設備、跨瀏覽器
可以兼容所有現代瀏覽器，包括比較詬病的IE7、8。當然，本課程不再考慮IE9以下瀏覽器。
l響應式布局
不但可以支持PC端的各種解析度的顯示，還支持移動端PAD、手機等屏幕的響應式切換顯示。
l提供的全面的組件
Bootstrap提供了實用性很強的組件，包括：導航、標簽、工具條、按鈕等一系列組件，方便開發者調用。
l內置jQuery插件
Bootstrap提供了很多實用性的jquery插件，這些插件方便開發者實現Web中各種常規特效。
l支持HTML5、CSS3
HTML5語義化標簽和CSS3屬性，都得到很好的支持。
l支持LESS動態樣式
LESS使用變數、嵌套、操作混合編碼，編寫更快、更靈活的CSS。它和Bootstrap能很好的配合開發。
Bootstrap基本內容與組件
Bootstrap包括HTML、CSS及JavaScript的框架，提供字體排印、窗體、按鈕、導航及其他各種組件及Javascript擴展。主要包含內容有：
l基本結構：Bootstrap提供了一個帶有網格系統、鏈接樣式、背景的基本結構。
l全局CSS樣式：Bootstrap自帶以下特性：全局的CSS設置、定義基本的HTML元素樣式、可擴展的class，以及一個先進的網格系統。
l組件：Bootstrap包含了十幾個可重用的組件，用於創建圖像、下拉菜單、導航、警告框、彈出框等等。
lJavaScript插件：Bootstrap包含了十幾個自定義的jQuery插件。您可以直接包含所有的插件，也可以逐個包含這些插件。
l定製：您可以定製Bootstrap的組件、LESS變數和jQuery插件來得到您自己的版本。
lBootstrap全局Css樣式包括
Grid
Typography
Tables
Forms
Buttons
Responsiveness。
l還有大量其他有用的前端組件，比如：
Dropdowns
Navigation
Modals
Typehead
Pagination
Carousal
Breadcrumb
Tab
Thumbnails
Headers
Bootstrap資源
l參考資料
Bootstrap官網
Bootstrap中文網
網站使用案例
Github
l教程
Bootstrap菜鳥教程
BootstraponW3Schools
慕課網視頻教程
l模版
Bootstrap免費模版
模糊效果後台模版
後台模版
儀表盤
l主題
Flat－ui
各種配色主題
基於bootstrap的主題框架
l實用工具
實用代碼片段
提供一些有用的在線工具和代碼片段
bootstrap官網中class="container-fluid"實現的是什麼效果bootstrap官網中class="container-fluid"container
一個是自適應布局，一個是固定寬度布局
實例：流式布局容器
將最外面的布局元素.container修改為.container-fluid，就可以將固定寬度的柵格布局轉換為100%寬度的布局。
怎麼使用bootstrap框架方法/步驟1首先我們當然是需要得到Bootstrap相關文件，因為在網頁中應用Bootstrap是需要引入其相關文件的。我們可以到Bootstrap官網下載。2如果你的英文水平不是太好的話，沒關系，我們可以到國內做的漢化比較好的Bootstrap網站去下載，最新版本都是3，屬於扁平化的那種。3以上兩步點擊下載按鈕後都會跳轉到一個詳細下載列表，有三種Bootstrap，這里我們下載第一個就可以了。4下載完成後解壓，會看到文件有三個子文件夾，分別是css、font、js，裡面帶min的文件都是壓縮後的文件，在網站上線的時候用，其他未壓縮的文件我們可以在平時開發的時候用。5再之後就是要用這套Bootstrap框架了，首先要做的就是建立一個html文件，你可以用任何文本編輯器，這里推薦DreamweaverCS6，個人感覺比較好用。6接下來就是要引入css文件了，要把文件的路徑寫正確，如果網頁內用到了Bootstrap的js效果，那麼必須先引入jQuery文件，因為Bootstrap的js插件都是基於jQuery的。7最後就可以在body標簽內應用Bootstrap相關的class了，這些都是封裝好的，只要嵌套正確就是做出漂亮的網頁了。
bootstrap特點
Bootstrap是由Twitter公司(全球最大的微博)的兩名技術工程師研發的一個基於HTML、CSS、JavaScript的開源框架。該框架代碼簡潔、視覺優美，可用於快速、簡單地構建基於PC及移動端設備的Web頁面需求。
2010年6月，Twitter內部的工程師為了解決前端開發任務中的協作統一問題。經歷各種方案後，Bootstrap最終被確定下來，並於2011年8月發布。經過很長時間的迭代升級，由最初的CSS驅動項目發展成為內置很多JavaScript插件和圖標的多功能Web前端的開源框架。
Bootstrap最為重要的部分就是它的響應式布局，通過這種布局可以兼容PC端、PAD以及手機移動端的頁面訪問。
Bootstrap下載及演示：國內文檔翻譯官網：
二．Bootstrap特點
Bootstrap非常流行，得益於它非常實用的功能和特點。主要核心功能特點如下：
(1).跨設備、跨瀏覽器可以兼容所有現代瀏覽器，包括比較詬病的IE7、8。當然，本課程不再考慮IE9以下瀏覽器。
(2).響應式布局不但可以支持PC端的各種解析度的顯示，還支持移動端PAD、手機等屏幕的響應式切換顯示。
(3).提供的全面的組件
Bootstrap提供了實用性很強的組件，包括：導航、標簽、工具條、按鈕等一系列組件，方便開發者調用。
(4).內置jQuery插件Bootstrap提供了很多實用性的jquery插件，這些插件方便開發者實現Web中各種常規特效。
(5).支持HTML5、CSS3HTML5語義化標簽和CSS3屬性，都得到很好的支持。
(6).支持LESS動態樣式LESS使用變數、嵌套、操作混合編碼，編寫更快、更靈活的CSS。它和Bootstrap能很好的配合開發。
bootstrap框架如何使用Bootstrap，來自Twitter，是目前最受歡迎的前端框架。Bootstrap是基於HTML、CSS、JAVASCRIPT的，它簡潔靈活，使得Web開發更加快捷。它由Twitter的設計師MarkOtto和JacobThornton合作開發，是一個CSS/HTML框架。Bootstrap提供了優雅的HTML和CSS規范，它即是由動態CSS語言Less寫成。
Bootstrap中包含了豐富的Web組件，根據這些組件，可以快速的搭建一個漂亮、功能完備的網站。
Bootstrap自帶了13個jQuery插件，這些插件為Bootstrap中的組件賦予了「生命」。
進入Bootstrap官網下載Bootstrap，根據文檔學習，簡單易學。