<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"/> <title></title> <link rel="stylesheet" href="css/bootstrap.css"/> <script src="js/jquery.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h1>按钮相关类</h1> <input type="button" class="btn" value="基本按钮"/> <button class="btn btn-success btn-outline-danger">成功</button> <button class="btn btn-danger">危险</button> <button class="btn btn-primary">主要</button> <button class="btn btn-secondary">次要</button> <button class="btn btn-dark">深色</button> <button class="btn btn-info">信息</button> <button class="btn btn-light">浅色</button> <button class="btn btn-lg">大按钮</button> <button class="btn btn-sm">小按钮</button> <buton class="btn btn-warning btn-block">块级</buton> </div> </body> </html>