Bootstrap5 实例</title>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link href="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/css/bootstrap.min.css" rel="stylesheet">

  <script src="https://cdn.staticfile.net/twitter-bootstrap/5.1.1/js/bootstrap.bundle.min.js"></script>

​

​

​

<div class="container mt-3">

  <h2>徽章</h2>

  <h1>测试标题 <span class="badge bg-secondary">New</span></h1>

  <h2>测试标题 <span class="badge bg-secondary">New</span></h2>

  <h3>测试标题 <span class="badge bg-secondary">New</span></h3>

  <h4>测试标题 <span class="badge bg-secondary">New</span></h4>

  <h5>测试标题 <span class="badge bg-secondary">New</span></h5>

  <h6>测试标题 <span class="badge bg-secondary">New</span></h6>

</div>

​

​

​