首先我們來說說 Bootstrap 是什麼。進入 Bootstrap 的網站(getbootstrap.com/),我們可以看到這樣一句話:Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
這句話的意思是:Bootstrap是受歡迎程度在首位的HTML、CSS和JS框架,用於開發響應式布局、行動裝置優先的Web項目。大家也可進入 Bootstrap 中文網學習 Bootstrap 的框架內容。
二、優勢
Bootstrap是由 Twitter 發布並開源的前端框架,使用非常火爆。據我們調查,目前在各大中小型公司和企業中,前端項目非常多的都在全面推行使用 Bootstrap。當然如此火爆自然有它的道理,下面為大家簡單分析一下:
首先,Bootstrap 出自 Twitter。由大公司發布,並且完全開源,自然久經考驗,減少了測試的工作量。這也就是我們經常說到的站在巨人的肩膀上,不重複造輪子。
其次,Bootstrap 的代碼有著非常良好的代碼規範。在使用 Bootstrap 時也有助於我們去養成良好的編碼習慣,在 Bootstrap 的基礎之上創建項目,日後代碼的維護也變得異常簡單清晰。
第三,Bootstrap 是基於 Less 打造的,並且也有 Sass版本。Less/Sass是CSS的預處理技術,因為這個原因,它一經推出就包含了一個非常實用的 Mixin 庫供我們調用,使得我們在開發過程中對CSS的處理更加簡單。
第四,響應式開發。Bootstrap響應式的柵格系統(Grid System)非常先進,它已經幫你搭建好了實現響應式設計的基礎框架,並且非常容易修改,如果你是一個新手,Bootstrap 可以幫你在非常短的時間內上手響應式布局的設計。
第五,豐富的組件與插件。Bootstrap 的 HTML組件和 JS組件非常豐富,並且代碼簡潔,非常易於修改,如果你覺得它設計的樣子不是你所想要的,你完全可以在其基礎之上修改成自己想要的任何樣子。由於 Bootstrap 的火爆,又出現了不少圍繞 Bootstrap 而開發的JS插件,這就使工作效率得到極大提升。
以上這些都是使用 Bootstrap 所帶來的優勢。當然 Bootstrap 並不能幫你完成所有事情,它只是一個的框架,在這個框架上面你依舊可以任意的發揮,並且發揮得更好,但是前提是你可以駕馭它。