-
- 宋芽芽历险记 2022-03-13
btn-default白色
active默认按下状态
btn-block按钮全屏状态
disabled禁用
btn-link链接
a标签中加btn也能写成按钮
- 0赞 · 0采集
-
- 慕先生2460855 2021-01-22
- btn各种样式
-
截图0赞 · 0采集
-
- 为了自己加油 2019-04-10
表单
<button></button> // 或者用<a></a>标签
.btn Bootstrap基础按钮
.btn-default 默认按钮
,btn-primary 主要按钮
.btn-warning 警告按钮
.btn-info 信息按钮
.btn-success 成功按钮
.btn-danger 报错按钮
.btn-link 链接按钮
.btn-lg 大按钮
.btn-sm 小按钮
.active 默认选中
.btn-block 全屏按钮
.disabled 禁止按钮
- 1赞 · 0采集
-
- 慕慕6033450 2019-02-28
1.表单按钮
- 0赞 · 0采集
-
- PQ123456 2019-02-27
- 按钮占满全屏：btn-block
-
截图0赞 · 0采集
-
- PQ123456 2019-02-27
- 设置按钮为一个链接：.btn-link
-
截图0赞 · 0采集
-
- 夏季且莫离 2018-08-30
<button class="btn btn-default">这是一个按钮</button>
btn-default按钮圆角
改变按钮颜色的类名：btn-success,btn-primary,btn-info,btn-warning,btn-danger
改变按钮字体颜色:btn-link（链接效果）
改变按钮大小：btn-lg,btn-sm
按下按钮的状态效果:在类名里面加入active
按钮变为全屏大小，就是宽度是全屏的，：btn-block
禁用按钮状态:disabled="disabled"
然后在a标签的类名里面加入btn的效果也是可以的！
- 1赞 · 2采集
-
- 慕粉2026319708 2018-08-06
组件：按钮——<button></button>或者<a></a>
btn btn-default btn-success btn-primary btn-info btn-warning btn-danger
大小：btn-lg btn-sm
激活与禁止：active类激活（jsp中button标签效果不明显或不起作用，a标签按钮明显），disabled="disabled"属性禁止状态
- 0赞 · 0采集
-
- 慕少安 2018-07-03
组件：按钮——<button></button>或者<a></a>
btn btn-default btn-success btn-primary btn-info btn-warning btn-danger
大小：btn-lg btn-sm
激活与禁止：active类激活（jsp中button标签效果不明显或不起作用，a标签按钮明显），disabled="disabled"属性禁止状态
- 0赞 · 0采集
-
- 隔壁老王的弟子 2018-05-06
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link href="201658254038徐梓洲(Boostrap)/css/bootstrap.min.css"rel="stylesheet"/> <link href="201658254038徐梓洲(Boostrap)/css/bootstrap-theme.css" rel="stylesheet"/> <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script> <script src="http://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <button class="btn btn-primary active">这是一个按钮</button> <button class="btn btn-default btn-block">这是一个按钮</button> <button class="btn btn-danger">这是一个按钮</button> <button class="btn btn-link">这是一个按钮</button> <button class="btn btn-info disabled">这是一个按钮</button> <a class="btn btn-primary active"href="#">则是一个a比钱</a> </body> </html>
- 0赞 · 0采集
-
- 宝慕林6292338 2018-04-24
按钮样式
-
截图0赞 · 0采集
-
- 深山老龟 2018-04-18
1
-
截图0赞 · 0采集
-
- 慕虎7484533 2018-04-07
1
- 0赞 · 0采集
-
- 刘家小妹子 2018-04-02
Bootstrap表单(2) 按钮: button:btn 圆角灰色按钮 button:btn btn-default 圆角灰色边框按钮 button:btn btn-success 绿色 button:btn btn-primary 蓝色 button:btn btn-info 浅蓝 button:btn btn-warning 黄色 button:btn btn-danger 红色 button:btn btn-link 链接按钮改 btn-lg,btn-sm 按钮变大，变小 active 按下状态 btn-block 撑满父级，全屏 属性：disabled="disabled"禁用按钮 把链接变成按钮 <a class="btn btn-danger" href="">这是一个链接</a>
- 0赞 · 0采集
-
- sTone_StarDust 2018-01-24
- 链接按钮： <a class="btn" href="">这是a标签缩写的按钮效果</a>
- 0赞 · 0采集
-
- 孰悉哋帞泩亾 2018-01-17
- btn-default, btn-primary, btn-info, btn-warning, btn-danger, btn-link
- 0赞 · 0采集
-
- qq_light阳_0 2018-01-07
- 按钮的设置
- 0赞 · 0采集
-
- 树深时_见鹿 2017-12-30
- 按钮状态
-
截图0赞 · 0采集
-
- paper00 2017-12-29
- <button class = "btn btn-default btn-lg"> 흰 버튼 </button> // btn-lg: 크기 large <button class = "btn btn-success btn-sm"> 초록 버튼 </button> // btn-sm: 크기 small <button class = "btn btn-primary active"> 파란 버튼 </button> // active: 버튼 이미 누른 상태로 <button class = "btn btn-info btn-block"> 하늘색 버튼 </button> // block: 버튼이 전체 한줄로 <button class = "btn btn-warning" disabled="disalbed"> 못 누르는 버튼 </button> <button class = "btn btn-danger"> 빨간 버튼 </button> <button class = "btn btn-link"> 링크 버튼 </button>
- 0赞 · 0采集
-
- balalala啦 2017-11-03
- btn 圆角
- 0赞 · 0采集
-
- RGOA 2017-10-18
- btn 按钮 btn-default btn-success btn-primary 蓝色 btn-info btn-warning btn-danger btn-link active 默认的按下状态 btn-lg/sm 大小 btn-block 按钮全屏 disabled=“disabled” 按钮禁用
- 1赞 · 0采集
-
- 精慕门2842526 2017-08-25
- class="btn btn-default btn-lg"框变大 class="btn btn-default btn-sm" 框变小
-
截图0赞 · 0采集
-
- 精慕门2842526 2017-08-25
- class="btn btn-default" class="btn btn-success" class="btn btn-primary" class="btn btn-info" class="btn btn-warning" class="btn btn-danger" class="btn btn-link"
-
截图0赞 · 0采集
-
- 精慕门2842526 2017-08-25
- 按钮 class="btn btn-default" 简介明了大方
-
截图0赞 · 0采集
-
- 不想采蜜的工蜂 2017-07-22
- bootstrap中对按钮的各种处理
-
截图0赞 · 0采集
-
- Youwillbethere 2017-07-18
- Bootstrap表单(2) 按钮: button:btn 圆角灰色按钮 button:btn btn-default 圆角灰色边框按钮 button:btn btn-success 绿色 button:btn btn-primary 蓝色 button:btn btn-info 浅蓝 button:btn btn-warning 黄色 button:btn btn-danger 红色 button:btn btn-link 链接按钮改 btn-lg,btn-sm 按钮变大，变小 active 按下状态 btn-block 撑满父级，全屏 属性：disabled="disabled"禁用按钮 把链接变成按钮 <a class="btn btn-danger" href="">这是</a>
-
截图2赞 · 0采集
-
- 慕粉15666864416 2017-06-11
- a标签也可以作为一个按钮
-
截图0赞 · 0采集
-
- qq_思_8 2017-06-09
- a标签做成按钮在class内添加：btn btn-danger
- 0赞 · 0采集
-
- qq_思_8 2017-06-09
- btn-block按钮全屏 class内添加：disabled=“disabled”
- 0赞 · 0采集
-
- qq_思_8 2017-06-09
- 按钮按下状态，在class内添加一个active 让按钮的文字变得更大：btn-lg 小：btn-sm
- 0赞 · 0采集
