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

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

什么是組件？

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

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

Bootstrap組件的優(yōu)勢

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

組件的優(yōu)勢主要包括以下5點：

• 組件可以復用

• 提高開發(fā)效率

• 組件是模塊化的

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

• 代碼更易維護和管理

常用的bootstrap組件：

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

• Dropdown（下拉菜單）

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

• Tab（標簽頁）

• Tooltip（工具提示）

• Popover（浮動提示）

• Alert（警告）

• Button（按鈕）

• Collapse（折疊）

• Carousel（輪播）

• Typeahead（輸入提示）

• Affix（附加導航）

推薦學習：《bootstrap使用教程》