bootstrap核心組成部分是什么

這篇文章給大家分享的是有關bootstrap核心組成部分是什么的內容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

Bootstrap 讓前端開發更快速、簡單。所有開發者都能快速上手、所有設備都可以適配、所有項目都適用。

雖然可以直接使用 Bootstrap 提供的 CSS 樣式表，不要忘記 Bootstrap 的源碼是基于最流行的 CSS 預處理腳本 - Less 和 Sass 開發的。你可以采用預編譯的 CSS 文件快速開發，也可以從源碼定制自己需要的樣式。

你的網站和應用能在 Bootstrap 的幫助下通過同一份代碼快速、有效適配手機、平板、PC 設備，這一切都是 CSS 媒體查詢（Media Query）的功勞。

Bootstrap 提供了全面、美觀的文檔。你能在這里找到關于 HTML 元素、HTML 和 CSS 組件、jQuery 插件方面的所有詳細文檔。

Bootstrap三大核心組成部分

基本CSS：設置全局的CSS樣式，基本的HTML元素均可以通過class設置樣式并得到增強效果；還有先進的柵格系統；

組件：無數可以復用的組件，包括字體圖標、下拉菜單、導航、警告條、彈出框等更多功能；

JS插件：Bootstrap自帶了13個jQuery插件，這些插件為Bootstrap中的組件賦予了“生命”。

移動設備優先

移動設備優先是 Bootstrap 3 的最顯著的變化。

在之前的 Bootstrap 版本中（直到 2.x），您需要手動引用另一個 CSS，才能讓整個項目友好的支持移動設備。

現在不一樣了，Bootstrap 3 默認的 CSS 本身就對移動設備友好支持。

Bootstrap 3 的設計目標是移動設備優先，然后才是桌面設備。這實際上是一個非常及時的轉變，因為現在越來越多的用戶使用移動設備。

為了讓 Bootstrap 開發的網站對移動設備友好，確保適當的繪制和觸屏縮放，需要在網頁的 head 之中添加 viewport meta 標簽。

如下所示：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

width 屬性控制設備的寬度。假設您的網站將被帶有不同屏幕分辨率的設備瀏覽，那么將它設置為 device-width 可以確保它能正確呈現在不同設備上。

initial-scale=1.0 確保網頁加載時，以 1:1 的比例呈現，不會有任何的縮放。

在移動設備瀏覽器上，通過為 viewport meta 標簽添加 user-scalable=no 可以禁用其縮放（zooming）功能

感謝各位的閱讀！關于bootstrap核心組成部分是什么就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！