简单教程
提交运行
代码编辑器：
<meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="/static/lib/bootstrap/4.0.0/css/bootstrap.min.css"> <style>.container p {padding:10px}</style> <div class="container"> <h2>不同状态下的背景颜色</h2> <p>Bootstrap 4 提供了一些有意义的背景颜色 CSS 类，用于表示不同的状态</p> <p class="bg-primary text-white">重要的背景颜色</p> <p class="bg-success text-white">执行成功背景颜色</p> <p class="bg-info text-white">信息提示背景颜色</p> <p class="bg-warning text-white">警告背景颜色</p> <p class="bg-danger text-white">危险背景颜色</p> <p class="bg-secondary text-white">副标题背景颜色</p> <p class="bg-dark text-white">深灰背景颜色</p> <p class="bg-light text-dark">浅灰背景颜色</p> </div>
运行结果：