在Bootstrap中，組件就是頁(yè)面中一個(gè)個(gè)獨(dú)立的結(jié)構(gòu)單元，是對(duì)結(jié)構(gòu)的抽象，它主要以頁(yè)面結(jié)構(gòu)形式存在，可復(fù)用性很強(qiáng)。組件可以有自己的屬性和方法；不同組件之間也具有基本的交互功能，能夠根據(jù)業(yè)務(wù)邏輯來(lái)實(shí)現(xiàn)復(fù)雜的項(xiàng)目功能。

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

什么是組件？

組件是一個(gè)抽象的概念，是對(duì)數(shù)據(jù)和方法的簡(jiǎn)單封裝。用面向?qū)ο笏枷雭?lái)說(shuō)，組件就是將些符合某種規(guī)范的類組合在了一起，通過(guò)組件可以為用戶提供某些特定的功能。簡(jiǎn)而言之，組件就是對(duì)象。

一個(gè)組件代表一個(gè)系統(tǒng)中實(shí)現(xiàn)的物理部分，是系統(tǒng)中一種物理的、可代替的部件，它封裝了一系列可用的接口。組件類似于人們生活中的汽車發(fā)動(dòng)機(jī)，不同型號(hào)的汽車可以使用同一款發(fā)動(dòng)機(jī)，這樣就不需要為每一臺(tái)汽車生產(chǎn)款發(fā)動(dòng)機(jī)了。

Bootstrap組件的優(yōu)勢(shì)

組件就是頁(yè)面中一個(gè)個(gè)獨(dú)立的結(jié)構(gòu)單元，是對(duì)結(jié)構(gòu)的抽象，它主要以頁(yè)面結(jié)構(gòu)形式存在，可復(fù)用性很強(qiáng)。組件的使用并不復(fù)雜，每個(gè)組件擁有自己的作用域，每個(gè)組件區(qū)域之間獨(dú)立工作，并且互不影響。組件可以有自己的屬性和方法。不同組件之間也具有基本的交互功能，能夠根據(jù)業(yè)務(wù)邏輯來(lái)實(shí)現(xiàn)復(fù)雜的項(xiàng)目功能。

組件的優(yōu)勢(shì)主要包括以下5點(diǎn)：

• 組件可以復(fù)用

• 提高開發(fā)效率

• 組件是模塊化的

• 降低代碼之間的耦合程度

• 代碼更易維護(hù)和管理

常用的bootstrap組件：

• Modal（模態(tài)對(duì)話框）

• Dropdown（下拉菜單）

• Scrollspy（滾動(dòng)監(jiān)聽）

• Tab（標(biāo)簽頁(yè)）

• Tooltip（工具提示）

• Popover（浮動(dòng)提示）

• Alert（警告）

• Button（按鈕）

• Collapse（折疊）

• Carousel（輪播）

• Typeahead（輸入提示）

• Affix（附加導(dǎo)航）

推薦學(xué)習(xí)：《bootstrap使用教程》