首頁(yè)技術(shù)文章正文

Bootstrap有哪些組件?什么是Bootstrap?

更新時(shí)間:2023-08-08 來(lái)源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

Bootstrap預(yù)定義了一套CSS樣式庫(kù)和一套對(duì)應(yīng)的JavaSeript代碼,在使用時(shí)只需提供基本的HTML.結(jié)構(gòu),并添加Bootstrap預(yù)先提供的class名稱,就可以實(shí)現(xiàn)指定的效果。在熟悉了Bootstrap的基本概念后,下面介Bootstrap的主要組成部分。

1.基本結(jié)構(gòu)

Bootstrap提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。

2.CSS樣式庫(kù)

Bootstrap自帶全局的CSS樣式,并預(yù)先定義了基本的HTML元素樣式、可擴(kuò)展的mass,以及一個(gè)先進(jìn)的柵格布局系統(tǒng)。Bootstrap的全局樣式在Normalize.css(一款用來(lái)重置瀏覽器默認(rèn)樣式的樣式庫(kù))的基礎(chǔ)上,進(jìn)行了一些改良,目的是讓其更符合Bootstrap的設(shè)計(jì)思想。

1691480458075_Bootstrap.png

3.布局組件

Bootstrap包含了豐富的組件庫(kù),提供了十幾個(gè)可重用的組件,用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等。

4.插件

Bootstrap提供了一些基于jQuery(一個(gè)用于簡(jiǎn)化JavaScript庫(kù))構(gòu)建的可選插件,用于實(shí)現(xiàn)某些功能,如分頁(yè)、文件選擇、日期選擇等。

Bootstrap框架還允許開發(fā)人員自由定制Bootstrap的組件、Sass變量和jQuery插件,從而得到一套自定義的版本,提高了開發(fā)的靈活性。


分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!