App下載

bootstrap按鈕樣式有哪些?按鈕樣式屬性分享!

猿友 2021-06-21 16:11:27 瀏覽數(shù) (4145)
反饋

bootstrap樣式

在我們學(xué)習(xí)編程的時(shí)候,不僅要學(xué)習(xí)框架還要學(xué)習(xí)新的用法和語(yǔ)言。那么今天我們就來(lái)說(shuō)說(shuō)有關(guān)于“bootstrap按鈕樣式有哪些?”這個(gè)問(wèn)題吧!下面是小編整理的一些相關(guān)的內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助!

 類(lèi)樣式:

  •  .btn 圓角灰色按鈕,為了讓按鈕不那么尖銳,我們的按鈕都應(yīng)該使用這個(gè)樣式來(lái)獲得圓角,然后再覆蓋上其他的特性。
  •  .btn-default 默認(rèn)/標(biāo)準(zhǔn)按鈕,白色的按下灰色。
  •  .btn-primary 原始按鈕樣式(未被操作),這個(gè)跟active相對(duì)應(yīng),他是一個(gè)按鈕沒(méi)被操作的樣式,而active是按鈕被點(diǎn)擊時(shí)顯示的相應(yīng)的樣式。 
  • .btn-success 表示成功的動(dòng)作 
  • .btn-info 該樣式可用于要彈出信息的按鈕
  •  .btn-warning 表示需要謹(jǐn)慎操作的按鈕
  •  .btn-danger 表示一個(gè)危險(xiǎn)動(dòng)作的按鈕操作
  •  .btn-link 讓按鈕看起來(lái)像個(gè)鏈接 (仍然保留按鈕行為) 
  • .btn-lg 大按鈕 .btn-sm 小按鈕 .btn-xs 超小按鈕
  •  .btn-block 塊級(jí)按鈕(拉伸至父元素100%的寬度)
  •  .active 按鈕被點(diǎn)擊,按鈕在激活時(shí)將呈現(xiàn)為被按壓的外觀(深色的背景、深色的邊框、陰影)。
  •  .disabled 禁用按鈕,顏色會(huì)變淡 50%,并失去漸變。
總結(jié):

這就是今天又關(guān)于“bootstrap按鈕樣式有哪些?”這個(gè)問(wèn)題的相關(guān)內(nèi)容,當(dāng)然你有其他的看法也可以提出來(lái)大家一起探討,希望小編的分享可以幫助到大家,更多的有關(guān)于Bootstrap的相關(guān)內(nèi)容我們都可以在Bootstrap教程中進(jìn)行學(xué)習(xí)和了解。


0 人點(diǎn)贊