在您學習完本教程后,您即可達到使用 Bootstrap 開發 Web 項目的中等水平。
在您開始學習本教程之前需要先學習以下教程:
《HTML 教程》
《CSS 教程》
Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript的,它在jQuery的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網站風格,并兼容大部分jQuery插件。
Bootstrap簡潔靈活,使得 Web 開發更加快捷。其最大的優勢是響應式布局,使得開發者可以方便的讓網頁無論在臺式機、平板設備、手機上都獲得最佳的體驗。
本教程共由5個章節構成,詳細講述了bootstrap的基礎使用方法并附帶了大量可在線試運行的實例輔助您的學習,讓您輕松掌握bootstrap。
本教程包含:
1、《bootstrap 簡介》
2、《Bootstrap CSS》
3、《Bootstrap 布局組件》
4、《Bootstrap 插件》
5、《Bootstrap 相關內容》
2010年6月,為了提高內部的協調性和工作效率,Twitter公司的幾個前端開發人員自發成立了一個興趣小組,Bootstrap的構想產生了。他們希望通過這個工具包提供一種精致的、經典的、得到充分認可的,且使用HTML、CSS和JavaScript構建的組件,為用戶建立和創建靈活的設計和豐富的插件庫。
2011年8月,Twitter將其開源,至今Bootstrap已發展到包括幾十個組件,并已成為最受歡迎的Web前端框架之一。Bootstrap是最穩定,響應最好的框架之一。它被各種水平的開發者所喜愛,即使是一個只具備 HTML和一些CSS基礎知識的初學者也能夠輕易地上手Bootstrap。
雖然bootstrap自適應效果很好,但是缺點是不方便修改樣式,對細節的不好把握,而且Bootstrap 是由 Twitter 的開發者開發來系統化他們網站應用的樣式。當你的網站應用的樣式和他們不一樣,這意味著你不得不覆蓋掉他們的樣式來。大多數網站的樣式并不像 Twitter 那樣。因此,如果他們安裝 Bootstrap ,他們會覆蓋掉很多樣式。