這篇文章主要介紹bootstrap有哪些核心組成部分，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！
Bootstrap 讓前端開(kāi)發(fā)更快速、簡(jiǎn)單。所有開(kāi)發(fā)者都能快速上手、所有設(shè)備都可以適配、所有項(xiàng)目都適用。
雖然可以直接使用 Bootstrap 提供的 CSS 樣式表，不要忘記 Bootstrap 的源碼是基于最流行的 CSS 預(yù)處理腳本 - Less 和 Sass 開(kāi)發(fā)的。你可以采用預(yù)編譯的 CSS 文件快速開(kāi)發(fā)，也可以從源碼定制自己需要的樣式。（推薦學(xué)習(xí)：Bootstrap視頻教程）
你的網(wǎng)站和應(yīng)用能在 Bootstrap 的幫助下通過(guò)同一份代碼快速、有效適配手機(jī)、平板、PC 設(shè)備，這一切都是 CSS 媒體查詢（Media Query）的功勞。
Bootstrap 提供了全面、美觀的文檔。你能在這里找到關(guān)于 HTML 元素、HTML 和 CSS 組件、jQuery 插件方面的所有詳細(xì)文檔。
Bootstrap三大核心組成部分
基本CSS：設(shè)置全局的CSS樣式，基本的HTML元素均可以通過(guò)class設(shè)置樣式并得到增強(qiáng)效果；還有先進(jìn)的柵格系統(tǒng)；
組件：無(wú)數(shù)可以復(fù)用的組件，包括字體圖標(biāo)、下拉菜單、導(dǎo)航、警告條、彈出框等更多功能；
JS插件：Bootstrap自帶了13個(gè)jQuery插件，這些插件為Bootstrap中的組件賦予了“生命”。
移動(dòng)設(shè)備優(yōu)先
移動(dòng)設(shè)備優(yōu)先是 Bootstrap 3 的最顯著的變化。
在之前的 Bootstrap 版本中（直到 2.x），您需要手動(dòng)引用另一個(gè) CSS，才能讓整個(gè)項(xiàng)目友好的支持移動(dòng)設(shè)備。
現(xiàn)在不一樣了，Bootstrap 3 默認(rèn)的 CSS 本身就對(duì)移動(dòng)設(shè)備友好支持。
Bootstrap 3 的設(shè)計(jì)目標(biāo)是移動(dòng)設(shè)備優(yōu)先，然后才是桌面設(shè)備。這實(shí)際上是一個(gè)非常及時(shí)的轉(zhuǎn)變，因?yàn)楝F(xiàn)在越來(lái)越多的用戶使用移動(dòng)設(shè)備。
為了讓 Bootstrap 開(kāi)發(fā)的網(wǎng)站對(duì)移動(dòng)設(shè)備友好，確保適當(dāng)?shù)睦L制和觸屏縮放，需要在網(wǎng)頁(yè)的 head 之中添加 viewport meta 標(biāo)簽。
如下所示：
width 屬性控制設(shè)備的寬度。假設(shè)您的網(wǎng)站將被帶有不同屏幕分辨率的設(shè)備瀏覽，那么將它設(shè)置為 device-width 可以確保它能正確呈現(xiàn)在不同設(shè)備上。
initial-scale=1.0 確保網(wǎng)頁(yè)加載時(shí)，以 1:1 的比例呈現(xiàn)，不會(huì)有任何的縮放。
在移動(dòng)設(shè)備瀏覽器上，通過(guò)為 viewport meta 標(biāo)簽添加 user-scalable=no 可以禁用其縮放（zooming）功能
以上是“bootstrap有哪些核心組成部分”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
重慶分公司
重慶分公司
