這篇文章主要介紹了bootstrap組件的使用方法，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

下花園網站建設公司創(chuàng)新互聯(lián),下花園網站設計制作，有大型網站制作公司豐富經驗。已為下花園成百上千家提供企業(yè)網站建設服務。企業(yè)網站搭建\外貿營銷網站建設要多少錢，請找那個售后服務好的下花園做網站的公司定做！

Bootstrap組件使用，可以訪問組件庫https://v3.bootcss.com/components/，我們可以查看bootstrap的所有組件信息，并拿來使用。下面為大家介紹幾個組件的使用教程。

一、字體圖標的使用

這些圖標下邊的名稱就是它對應的類名，我們在使用時直接訪問類名即可：

二、按鈕組件的使用

注意：按鈕樣式有btn-default、btn-primary、btn-info、btn-success、btn-warning、btn-danger、btn-link七種；

按鈕大小有btn-lg、btn-sm、btn-xs三種

另外，像input這種類型也可以設置bootstrap中的按鈕樣式。

 
    默認
    primary
    信息
    確定
    提示
    取消
    鏈接
    

    
    Link
      Button
    
    

三、按鈕下拉菜單

首先要有一個下拉菜單div容器，并設置樣式為dropdown；其次下拉菜單的button樣式要設置dropdown-toggle，data-toggle屬性值為dropdown，另外要設置一個id；最后下拉菜單的ul中的aria-labelledby屬性值與button中的id值對應！

	Dropdown
 
  	

  		
  		
Dropdown header
        
    	
Action
    	
Another action
   		
Something else here
   		
    	

    	
Separated link
  	

四、按鈕組與嵌套

按鈕組也可設置大?。篵tn-group-lg、btn-group-sm、btn-group-xs

 	Left
	Middle
 	Right
    
 	

    	Dropdown
   		

     		
Dropdown link
     		
Dropdown link
  		
  	

一個btn-group-vertical類就可以實現(xiàn)

 	Left
	Middle
 	Right

六、兩端對齊按鈕組

	

		Left
	
	

		Middle
	
	

		Right
	

感謝你能夠認真閱讀完這篇文章，希望小編分享bootstrap組件的使用方法內容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細的解決方法等著你來學習!

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

文章題目：bootstrap組件的使用方法-創(chuàng)新互聯(lián)
URL鏈接：http://weahome.cn/article/dsiooi.html