bootstrap與jquery的關(guān)系是：bootstrap是基于jquery結(jié)合了其他技術(shù)的前端框架。bootstrap用于快速開發(fā)Web應(yīng)用程序和網(wǎng)站，jquery是一個(gè)兼容多瀏覽器的javascript庫，bootstrap是基于HTML、CSS、JAVASCRIPT的。

本教程操作環(huán)境：Windows10系統(tǒng)、bootstrap5版、DELL G3電腦

bootstrap與jquery是什么關(guān)系

Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，jQuery是一個(gè)兼容多瀏覽器的javascript庫。可以這么理解：

bootstrap是基于jQuery結(jié)合了其他技術(shù)的前端框架。

Bootstrap簡(jiǎn)單介紹

　 Bootstrap是基于HTML5和CSS3開發(fā)的，它在jQuery的基礎(chǔ)上進(jìn)行了更為個(gè)性化的完善，形成一套自己獨(dú)有的網(wǎng)站風(fēng)格，并兼容大部分jQuery插件。

　　基本結(jié)構(gòu)：Bootstrap 提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。這將在Bootstrap 基本結(jié)構(gòu)部分詳細(xì)講解。

　　CSS：Bootstrap 自帶以下特性：全局的 CSS設(shè)置、定義基本的 HTML 元素樣式、可擴(kuò)展的 class，以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)。這將在Bootstrap CSS部分詳細(xì)講解。

　　組件：Bootstrap 包含了十幾個(gè)可重用的組件，用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等。這將在布局組件部分詳細(xì)講解。

　　JavaScript 插件：Bootstrap包含了十幾個(gè)自定義的jQuery 插件。您可以直接包含所有的插件，也可以逐個(gè)包含這些插件。這將在Bootstrap插件部分詳細(xì)講解。

　　定制：您可以定制Bootstrap的組件、LESS 變量和jQuery 插件來得到您自己的版本。

　　Bootstrap自帶了13個(gè)jQuery插件，這些插件為Bootstrap中的組件賦予了“生命”。其中包括：模式對(duì)話框、標(biāo)簽頁、滾動(dòng)條、彈出框等。

BootStrap簡(jiǎn)單點(diǎn)說：是一個(gè)快速搭建網(wǎng)站前臺(tái)頁面的開源項(xiàng)目（基于Jquery）。你只需要了解相關(guān)的class、標(biāo)簽名稱等所代表的意思，然后在構(gòu)建頁面的時(shí)候，導(dǎo)入bootstrap的JS、css等，它就會(huì)去表現(xiàn)相應(yīng)的效果出來，比如HTML說明：縮略語；當(dāng)鼠標(biāo)懸停在縮寫和縮寫詞上時(shí)就會(huì)顯示完整內(nèi)容，Bootstrap實(shí)現(xiàn)了對(duì)HTML 元素的增強(qiáng)樣式。縮略語元素帶有TItle屬性，外觀表現(xiàn)為帶有較淺的虛線框，鼠標(biāo)移至上面時(shí)會(huì)變成帶有“問號(hào)”的指針。當(dāng)你需要段落文字某個(gè)單詞或者詞語需要有上面的那種效果，你就那樣按照那種格式寫就好了，附加的class=“iniTIalism”是讓字號(hào)更小一點(diǎn)，也可以不要。反過來說：如果你不試用bootstrap的東西或者其他類似的框架，那你就得自己寫這樣的效果，開發(fā)時(shí)間長(zhǎng)。再比如Jquery的easyui，也是差不多道理。

jQuery簡(jiǎn)單介紹

　　jQuery是一個(gè)快速、簡(jiǎn)潔的JavaScript框架，是繼Prototype之后又一個(gè)優(yōu)秀的JavaScript代碼庫（或JavaScript框架）。jQuery設(shè)計(jì)的宗旨是“write Less，Do More”，即倡導(dǎo)寫更少的代碼，做