bootstrap核心組成部分是什么

這篇文章給大家分享的是有關(guān)bootstrap核心組成部分是什么的內(nèi)容。小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比五華網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式五華網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋五華地區(qū)。費(fèi)用合理售后完善,10多年實(shí)體公司更值得信賴。

Bootstrap 讓前端開發(fā)更快速、簡單。所有開發(fā)者都能快速上手、所有設(shè)備都可以適配、所有項(xiàng)目都適用。

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

你的網(wǎng)站和應(yīng)用能在 Bootstrap 的幫助下通過同一份代碼快速、有效適配手機(jī)、平板、PC 設(shè)備,這一切都是 CSS 媒體查詢(Media Query)的功勞。

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

Bootstrap三大核心組成部分

基本CSS:設(shè)置全局的CSS樣式,基本的HTML元素均可以通過class設(shè)置樣式并得到增強(qiáng)效果;還有先進(jìn)的柵格系統(tǒng);

組件:無數(shù)可以復(fù)用的組件,包括字體圖標(biāo)、下拉菜單、導(dǎo)航、警告條、彈出框等更多功能;

JS插件:Bootstrap自帶了13個(gè)jQuery插件,這些插件為Bootstrap中的組件賦予了“生命”。

移動設(shè)備優(yōu)先

移動設(shè)備優(yōu)先是 Bootstrap 3 的最顯著的變化。

在之前的 Bootstrap 版本中(直到 2.x),您需要手動引用另一個(gè) CSS,才能讓整個(gè)項(xiàng)目友好的支持移動設(shè)備。

現(xiàn)在不一樣了,Bootstrap 3 默認(rèn)的 CSS 本身就對移動設(shè)備友好支持。

Bootstrap 3 的設(shè)計(jì)目標(biāo)是移動設(shè)備優(yōu)先,然后才是桌面設(shè)備。這實(shí)際上是一個(gè)非常及時(shí)的轉(zhuǎn)變,因?yàn)楝F(xiàn)在越來越多的用戶使用移動設(shè)備。

為了讓 Bootstrap 開發(fā)的網(wǎng)站對移動設(shè)備友好,確保適當(dāng)?shù)睦L制和觸屏縮放,需要在網(wǎng)頁的 head 之中添加 viewport meta 標(biāo)簽。

如下所示:

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

width 屬性控制設(shè)備的寬度。假設(shè)您的網(wǎng)站將被帶有不同屏幕分辨率的設(shè)備瀏覽,那么將它設(shè)置為 device-width 可以確保它能正確呈現(xiàn)在不同設(shè)備上。

initial-scale=1.0 確保網(wǎng)頁加載時(shí),以 1:1 的比例呈現(xiàn),不會有任何的縮放。

在移動設(shè)備瀏覽器上,通過為 viewport meta 標(biāo)簽添加 user-scalable=no 可以禁用其縮放(zooming)功能

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

當(dāng)前題目:bootstrap核心組成部分是什么
本文路徑:http://muchs.cn/article8/jpgeop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供小程序開發(fā)、建站公司、網(wǎng)站建設(shè)外貿(mào)網(wǎng)站建設(shè)、域名注冊、云服務(wù)器

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化