一、Bootstrap常用的組件：
icon圖標(biāo)，下拉菜單，導(dǎo)航，導(dǎo)航條，輸入框，縮略圖，媒體對(duì)象，列表組，分頁(yè)導(dǎo)航。
二、小圖標(biāo)：
1.bootstrap中內(nèi)置提供了250多種小圖標(biāo)。
2.語(yǔ)法：首頁(yè)
三、下拉菜單：

往下拉

• 
  
• NO.1
• 
  
• NO.2
• 
  
• NO.3
• 
  
• 
  
• NO.4
• 
  

四、輸入框：

姓名





百度一下


五、導(dǎo)航：
1.選項(xiàng)卡導(dǎo)航：
class=“nav nav-tabs”
2.膠囊式選項(xiàng)卡導(dǎo)航：
class=“nav nav-pills”
3.自適應(yīng)導(dǎo)航：
class=“nav nav-tabs nav-justified”
4.二級(jí)導(dǎo)航：
通過(guò)ul-li實(shí)現(xiàn)，和下拉菜單的實(shí)現(xiàn)方式是一樣的。
六、導(dǎo)航條：
1.基礎(chǔ)導(dǎo)航條：


首頁(yè)

• 
  
• 主頁(yè)
• 
  
• 微博
• 
  
• 圖片
• 
  

2.導(dǎo)航條中的表單：
在ul標(biāo)簽外面直接寫(xiě)輸入框的代碼即可。注意form的class=“navbar-form navbar-right”
3.導(dǎo)航條中的文本，按鈕，鏈接

按鈕

4.頂部固定導(dǎo)航條和底部固定導(dǎo)航條:
（1）頂部：class=“navbar-fixed-top”
（2）底部：class=“navbar-fixed-bottom”
5.響應(yīng)式導(dǎo)航條：
需要加的屬性是:class=“collapse navbar-collapse”

總結(jié)

以上是生活随笔為你收集整理的bootstrap组件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。