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