bootstrap按钮相关类

xiaoxiao2021-03-01  3

<!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>

转载请注明原文地址: https://www.6miu.com/read-3850050.html

最新回复(0)