亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

章節
問答
課簽
筆記
評論
占位
占位

基本按鈕

Bootstrap框架V3.x版本的基本按鈕和V2.x版本的基本按鈕一樣,都是通過類名“btn”來實現。不同的是在V3.x版本要簡約很多,去除了V2.x版本中的大量的CSS3中的部分特效,比如說文本陰影(text-shadow)、漸變背景(background-image)、邊框陰影(box-shadow)等。
難能可貴的是,Bootstrap框架中的考慮了不同瀏覽器的解析差異,進行了比較安全的兼容性處理,使按鈕效果在不同的瀏覽器中所呈現的效果基本相同。

源碼請查閱bootstrap.css文件第1992行~第2010行:

.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}

Bootstrap框架的按鈕使用非常的簡單,使用方式如下:

<button class="btn" type="button">我是一個基本按鈕</button>

運行效果如下或查看右側結果窗口:

任務

我來試一試:在右側代碼編輯器中添加一個基本按鈕
 

?不會了怎么辦

參考代碼如下:

<button class="btn" type="button">我是一個基本按鈕</button>
||

提問題

寫筆記

公開筆記
提交
||

請驗證,完成請求

由于請求次數過多,請先驗證,完成再次請求

加群二維碼

打開微信掃碼自動綁定

您還未綁定服務號

綁定后可得到

  • · 粉絲專屬優惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問題答復提醒
  • · 賬號支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請您關注公眾號
關注后,及時獲悉本課程動態

舉報

0/150
提交
取消
全部 精華 我要發布
全部 我要發布
最熱 最新
只看我的

手記推薦

更多

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?