Yii2 Twitter Bootstrap 徽章颜色不变：未找到徽章成功徽章危险等类别

Posted 2023-03-06

【中文标题】Yii2 Twitter Bootstrap 徽章颜色不变：未找到徽章成功徽章危险等类别

【英文标题】：Yii2 Twitter Bootstrap badge color not changing: badge-success badge-danger e.t.c classes not found

【发布时间】：2019-04-08 03:27:24

【问题描述】：

Yii2 Twitter Bootstrap 徽章颜色不变。

在浏览器源代码中我找不到 badge-success、badge-danger 等 类。

这是我的 PHP 代码

<?= html::tag('span',
    $model->enabled ? "Enabled" : "Disabled",
    [
      'class' => 'badge badge-' . ($model->enabled ? 'success' : 'danger')
    ])
?>

这是代码的结果。

浏览器源码

这是css代码

【问题讨论】：

你应该使用label label-success而不是badge badge-success，因为它只在bootstrap4中可用，显然你正在使用bootstrap3

@AaronYordanyan 如果您还有其他问题，请将其作为另一个问题提出，而不是编辑旧问题。

@rob006 我不能写新问题:(

【参考方案1】：

badge-success、badge-danger 和其他自 Bootstrap 4 起可用。您需要使用 yiisoft/yii2-bootstrap4 包或自己为徽章实现这些样式（请参阅this codepen）。