Yii2 覆盖 bootstrap.css / bootstrap.min.css答案

【问题标题】：Yii2 override bootstrap.css / bootstrap.min.cssYii2 覆盖 bootstrap.css / bootstrap.min.css
【发布时间】：2019-07-16 07:39:18
【问题描述】：

我在bootstrap.css中更改了这个：

.table-hover > tbody > tr:hover {
    background-color: #DBEADC;
}

这个在bootstrap.min.css:

.table-hover>tbody>tr:hover{background-color:#DBEADC}

当我更新 Yii2 时，这些更改当然会被覆盖。处理此问题的最佳做法是什么？我的意思是我怎样才能持续覆盖这一种颜色，以便在新版本到来时更新所有其他内容？

【问题讨论】：

将您的更改添加到单独的 css 文件中，并将此文件包含在引导程序之后。
为什么你必须在 bootstrap 和 bootstrap.min 中都进行更改？两个都用吗？
我不知道...我喜欢一致性... :) 我只需要更改其中一个吗？
@Bizley 谢谢你，它似乎工作，至少与bootstrap.css。我不确定是否与bootstrap.min.css 有关。
*.min 是缩小版本，因此应该包含它而不是普通版本（通常在生产环境中；永远不要同时使用两个版本）但是无论 main 是否缩小，您的行都会覆盖该属性或不。如果（“缩小”与否）在这里并不重要。

标签： css yii2 assets

【解决方案1】：

创建你自己的.css文件（在/web/css文件夹下），它总是优先于Yii默认加载的boostrap文件。

例如，关于如何在主资产类中加载自己的文件，通常 (assets/AppAsset.php) 您必须在 $css 属性中添加文件路径：

class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
        'css/site.css' // this right here
    ];
    public $js = [];
    public $depends = [
        'yii\web\YiiAsset',
        'yii\bootstrap4\BootstrapAsset',
    ];
}

这是这样做的方式，变异文件将在更新后被覆盖，永远不会是正确的方式。

【讨论】：