B2主题添加首页公告条的教程

1. <link rel=“stylesheet” href=“//at.alicdn.com/t/font_2467114_k22t1d65q9r.css”>
2. <link href=“https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css” rel=“stylesheet” integrity=“sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x” crossorigin=“anonymous”>
3. <script src=“https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js” integrity=“sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4” crossorigin=“anonymous”></script>

第二步：在“B2主题设置-模块管理-首页”里面，新增一个模块，模块类型选择“自定义”

第三步：将以下代码复制粘贴到“自定义”模块里面，粘贴完保存即可

1. <div class=“alert alert-warning alert-dismissible fade show” role=“alert”>
2. <strong><span class=“badge bg-danger”>
3. Hello,宝贝<sup aria-hidden=“true” class=“spinner-grow spinner-grow-sm ml-1 small” role=“status” style=“ width: .5rem; height: .5rem; “></sup></strong> 可汗网为回馈广大新老用户，即日起至5月31日，终身会员限时特价19.9元，全站资源免费下载。 <a class=“badge bg-warning text-dark” href=“https://www.kehan.cc/vips” rel=“nofollow noopener noreferrer” target=“_blank”>
4. 点击开通会员
5. </a>
6. <button type=“button” class=“btn-close” data-bs-dismiss=“alert” aria-label=“Close”></button>
7. </div>

如果你想自定义颜色、样式，请参考这个网址：https://v5.bootcss.com/docs/components/alerts/