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