更新時間:2023-08-08 來源:黑馬程序員 瀏覽量:
Bootstrap預(yù)定義了一套CSS樣式庫和一套對應(yīng)的JavaSeript代碼,在使用時只需提供基本的HTML.結(jié)構(gòu),并添加Bootstrap預(yù)先提供的class名稱,就可以實現(xiàn)指定的效果。在熟悉了Bootstrap的基本概念后,下面介Bootstrap的主要組成部分。
1.基本結(jié)構(gòu)
Bootstrap提供了一個帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。
2.CSS樣式庫
Bootstrap自帶全局的CSS樣式,并預(yù)先定義了基本的HTML元素樣式、可擴(kuò)展的mass,以及一個先進(jìn)的柵格布局系統(tǒng)。Bootstrap的全局樣式在Normalize.css(一款用來重置瀏覽器默認(rèn)樣式的樣式庫)的基礎(chǔ)上,進(jìn)行了一些改良,目的是讓其更符合Bootstrap的設(shè)計思想。
3.布局組件
Bootstrap包含了豐富的組件庫,提供了十幾個可重用的組件,用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等。
4.插件
Bootstrap提供了一些基于jQuery(一個用于簡化JavaScript庫)構(gòu)建的可選插件,用于實現(xiàn)某些功能,如分頁、文件選擇、日期選擇等。
Bootstrap框架還允許開發(fā)人員自由定制Bootstrap的組件、Sass變量和jQuery插件,從而得到一套自定義的版本,提高了開發(fā)的靈活性。