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>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表单2</title> <link rel="stylesheet" href="css/bootstrap.min.css" /> </head> <body> <button class="btn btn-default btn-lg" >按钮</button> <button class="btn btn-success btn-sm" >按钮</button> <button class="btn btn-info active" >按钮</button> <button class="btn btn-danger btn-block">按钮</button> <button class="btn btn-link disabled ="disabled">按钮</button> <a class="btn btn-danger" href="">hhh</a> <script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script> <script type="text/javascript" src="js/bootstrap.min.js" ></script> </body> </html>
效果图片：
