新聞中心
這篇文章將為大家詳細(xì)講解有關(guān)bootstrap整體架構(gòu)包含什么模塊,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
整體架構(gòu)
12柵格系統(tǒng)——就是將屏幕平分12份(列)。使用行(row)來(lái)組織元素(每一行都包括12個(gè)列),然后將內(nèi)容放在列內(nèi)。通過(guò)col-md-offset-*來(lái)控制列偏移。
基礎(chǔ)布局組件——Bootstrap提供了多種基礎(chǔ)布局組件。如排版、代碼、表格、按鈕、表單等。
Jquery——Bootstrap所有的JavaScript插件都依賴于Jquery的。如果要使用這些JS插件,就必須引用Jquery庫(kù)。這也是為什么我們?cè)诔艘肂ootstrap的JS文件和CSS文件外,還需要引用Jquery庫(kù)的原因,兩者是依賴關(guān)系。
CSS組件——Bootstrap為我們預(yù)實(shí)現(xiàn)了很多CSS組件。如下拉框、按鈕組、導(dǎo)航等。也就是說(shuō)Bootstrap內(nèi)容幫我們定義好了很多CSS樣式,你可以將這些樣式直接應(yīng)用到之前的下拉框等元素里。
JavaScript插件——Bootstrap也為我們實(shí)現(xiàn)了一些JS插件,我們可以用其提供的插件要完成一些常用功能,而不需要我們?cè)僦匦聦慗S代碼來(lái)實(shí)現(xiàn)像提示框,模態(tài)窗口這樣的效果了。
響應(yīng)式設(shè)計(jì)——這就是一個(gè)設(shè)計(jì)理念。響應(yīng)式的意思就是它會(huì)根據(jù)屏幕尺寸來(lái)自動(dòng)調(diào)整頁(yè)面,使得前端頁(yè)面在不同尺寸的屏幕上都可以表現(xiàn)很好。
Bootstrap就是由上面幾部分組成的。
關(guān)于“bootstrap整體架構(gòu)包含什么模塊”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
文章名稱:bootstrap整體架構(gòu)包含什么模塊-創(chuàng)新互聯(lián)
本文鏈接:http://www.dlmjj.cn/article/gpjsh.html