【移動(dòng)應(yīng)用開發(fā)技術(shù)】Bootstrap3.0中如何使用按鈕樣式_第1頁
【移動(dòng)應(yīng)用開發(fā)技術(shù)】Bootstrap3.0中如何使用按鈕樣式_第2頁
【移動(dòng)應(yīng)用開發(fā)技術(shù)】Bootstrap3.0中如何使用按鈕樣式_第3頁
【移動(dòng)應(yīng)用開發(fā)技術(shù)】Bootstrap3.0中如何使用按鈕樣式_第4頁
【移動(dòng)應(yīng)用開發(fā)技術(shù)】Bootstrap3.0中如何使用按鈕樣式_第5頁
免費(fèi)預(yù)覽已結(jié)束，剩余1頁可下載查看

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

【移動(dòng)應(yīng)用開發(fā)技術(shù)】Bootstrap3.0中如何使用按鈕樣式

選項(xiàng)/upload/information/20210311/298/6844.png/upload/information/20210311/298/6845.png代碼如下:

<buttontype="button"class="btnbtn-default">Default</button>

<buttontype="button"class="btnbtn-primary">Primary</button>

<buttontype="button"class="btnbtn-success">Success</button>

<buttontype="button"class="btnbtn-info">Info</button>

<buttontype="button"class="btnbtn-warning">Warning</button>

<buttontype="button"class="btnbtn-danger">Danger</button>

<buttontype="button"class="btnbtn-link">鏈接</button>代碼如下:

<buttontype="button"class="btnbtn-default">Default</button>

<buttontype="button"class="btnbtn-primary">Primary</button>

<buttontype="button"class="btnbtn-success">Success</button>

<buttontype="button"class="btnbtn-info">Info</button>

<buttontype="button"class="btnbtn-warning">Warning</button>

<buttontype="button"class="btnbtn-danger">Danger</button>

<buttontype="button"class="btnbtn-link">鏈接</button>/upload/information/20210311/298/6846.png尺寸代碼如下:<p>

<buttontype="button"class="btnbtn-primarybtn-lg">Largebutton</button>

<buttontype="button"class="btnbtn-defaultbtn-lg">Largebutton</button></p><p>

<buttontype="button"class="btnbtn-primary">Defaultbutton</button>

<buttontype="button"class="btnbtn-default">Defaultbutton</button></p><p>

<buttontype="button"class="btnbtn-primarybtn-sm">Smallbutton</button>

<buttontype="button"class="btnbtn-defaultbtn-sm">Smallbutton</button></p><p>

<buttontype="button"class="btnbtn-primarybtn-xs">Extrasmallbutton</button>

<buttontype="button"class="btnbtn-defaultbtn-xs">Extrasmallbutton</button></p>代碼如下:<p>

<buttontype="button"class="btnbtn-primarybtn-lg">Largebutton</button>

<buttontype="button"class="btnbtn-defaultbtn-lg">Largebutton</button></p><p>

<buttontype="button"class="btnbtn-primary">Defaultbutton</button>

<buttontype="button"class="btnbtn-default">Defaultbutton</button></p><p>

<buttontype="button"class="btnbtn-primarybtn-sm">Smallbutton</button>

<buttontype="button"class="btnbtn-defaultbtn-sm">Smallbutton</button></p><p>

<buttontype="button"class="btnbtn-primarybtn-xs">Extrasmallbutton</button>

<buttontype="button"class="btnbtn-defaultbtn-xs">Extrasmallbutton</button></p>/upload/information/20210311/298/6847.png代碼如下:<buttontype="button"class="btnbtn-primarybtn-lgbtn-block">Blocklevelbutton</button><buttontype="button"class="btnbtn-defaultbtn-lgbtn-block">Blocklevelbutton</button>代碼如下:<buttontype="button"class="btnbtn-primarybtn-lgbtn-block">Blocklevelbutton</button><buttontype="button"class="btnbtn-defaultbtn-lgbtn-block">Blocklevelbutton</button>/upload/information/20210311/298/6848.png活動(dòng)狀態(tài)代碼如下:<buttontype="button"class="btnbtn-primarybtn-lgactive">Primarybutton</button><buttontype="button"class="btnbtn-defaultbtn-lgactive">Button</button>代碼如下:<buttontype="button"class="btnbtn-primarybtn-lgactive">Primarybutton</button><buttontype="button"class="btnbtn-defaultbtn-lgactive">Button</button>/upload/information/20210311/298/6849.png代碼如下:<ahref="#"class="btnbtn-primarybtn-lgactive"role="button">Primarylink</a><ahref="#"class="btnbtn-defaultbtn-lgactive"role="button">Link</a>代碼如下:<ahref="#"class="btnbtn-primarybtn-lgactive"role="button">Primarylink</a><ahref="#"class="btnbtn-defaultbtn-lgactive"role="button">Link</a>/upload/information/20210311/298/6850.png禁用狀態(tài)代碼如下:<buttontype="button"class="btnbtn-lgbtn-primary"disabled="disabled">Primarybutton</button><buttontype="button"class="btnbtn-defaultbtn-lg"disabled="disabled">Button</button>代碼如下:<buttontype="button"class="btnbtn-lgbtn-primary"disabled="disabled">Primarybutton</button><buttontype="button"class="btnbtn-defaultbtn-lg"disabled="disabled">Button</button>/upload/information/20210311/298/6851.png代碼如下:<ahref="#"class="btnbtn-primarybtn-lgdisabled"role="button">Primarylink</a><ahref="#"class="btnbtn-defaultbtn-lgdisabled"role="button">Link</a>代碼如下:<ahref="#"class="btnbtn-primarybtn-lgdisabled"role="button">Primarylink</a><ahref="#"class="btnbtn-defaultbtn-lgdisabled"role="button">Link</a>/upload/information/20210311/298/6852.png可做按鈕使用的Html標(biāo)簽代碼如下:

<aclass="btnbtn-default"href="#"role="button">Link</a>

<buttonclass="btnbtn-default"type="submit">Button</button>

<inputclass="btnbtn-default"type="button"value="Input">

<inputclass="btnbtn-default"type="submit"value="Submit">代碼如下:

<aclass="btnbtn-default"href="#"role="bu

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論