Bootstrap是一個(gè)流行的前端開發(fā)框架，它提供了一些CSS樣式和JavaScript插件，以幫助我們快速創(chuàng)建響應(yīng)式網(wǎng)站。Bootstrap需要依賴于jQuery。

jQuery是一個(gè)JavaScript庫，它具有簡(jiǎn)潔的語法和強(qiáng)大的功能，使得我們可以輕松地處理DOM操作、事件處理以及Ajax請(qǐng)求。許多Bootstrap的插件都是基于jQuery構(gòu)建的。

$(document).ready(function(){
// jQuery代碼放在這里
});

通常我們會(huì)在文檔準(zhǔn)備就緒后執(zhí)行jQuery代碼。$(document).ready()方法是jQuery提供的一種用于綁定文檔就緒事件的方式。在該方法內(nèi)部，我們可以使用$()來選取頁面中的DOM元素，并使用各種jQuery方法來處理它們。

Bootstrap的網(wǎng)格系統(tǒng)是它最受歡迎的特性之一。我們可以使用.row和.col-*類來定義頁面的布局，其中*表示不同的屏幕尺寸（如xs、sm、md和lg）。以下是一個(gè)簡(jiǎn)單的例子：

<div class="container">
<div class="row">
<div class="col-sm-4">左側(cè)內(nèi)容</div>
<div class="col-sm-8">右側(cè)內(nèi)容</div>
</div>
</div>

上面的代碼創(chuàng)建了一個(gè)容器，并在其中放置了一個(gè)行。行中包含了兩個(gè)列，分別占據(jù)了屏幕的4和8個(gè)單位。這將使得在中等屏幕尺寸上，左右兩邊的內(nèi)容分別占據(jù)了一半的寬度。

Bootstrap還提供了一些預(yù)定義的CSS類，以幫助我們創(chuàng)建不同的樣式。例如，btn、btn-primary、btn-danger等類可以用于創(chuàng)建按鈕。以下是一個(gè)例子：

<button class="btn btn-primary" type="button">主要按鈕</button>

上面的代碼創(chuàng)建了一個(gè)具有藍(lán)色背景的主要按鈕。

Bootstrap的JavaScript插件允許我們添加各種動(dòng)態(tài)效果。例如，彈出框可以使用popover插件實(shí)現(xiàn)。以下是一個(gè)例子：

<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="標(biāo)題" data-content="彈出框內(nèi)容">點(diǎn)擊打開彈出框</button>

上面的代碼創(chuàng)建了一個(gè)大號(hào)、紅色的按鈕，并在其中添加了popover插件，使得當(dāng)用戶點(diǎn)擊按鈕時(shí)會(huì)彈出一個(gè)具有標(biāo)題和內(nèi)容的提示框。

總的來說，Bootstrap和jQuery是兩個(gè)非常實(shí)用的前端開發(fā)工具。它們可以幫助我們快速創(chuàng)建具有豐富效果和交互的網(wǎng)站和應(yīng)用程序。