一、Bootstrap常用的組件：
icon圖標，下拉菜單，導航，導航條，輸入框，縮略圖，媒體對象，列表組，分頁導航。
二、小圖標：
1.bootstrap中內置提供了250多種小圖標。
2.語法：首頁
三、下拉菜單：

往下拉

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

四、輸入框：

姓名





百度一下


五、導航：
1.選項卡導航：
class=“nav nav-tabs”
2.膠囊式選項卡導航：
class=“nav nav-pills”
3.自適應導航：
class=“nav nav-tabs nav-justified”
4.二級導航：
通過ul-li實現，和下拉菜單的實現方式是一樣的。
六、導航條：
1.基礎導航條：


首頁

• 
  
• 主頁
• 
  
• 微博
• 
  
• 圖片
• 
  

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

按鈕

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

總結

以上是生活随笔為你收集整理的bootstrap组件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。