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

Question

我在bootstrap.css中进行了更改：

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

以及bootstrap.min.css中的内容：

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

当我更新Yii2时，这些更改当然会被覆盖。处理此问题的最佳做法是什么？我的意思是我该如何持久地覆盖一种颜色，以便在新版本问世时更新所有其他内容？

Answer 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',
    ];
}

这是这样做的方法，对将在更新后被覆盖的文件进行突变，这将永远不是正确的方法。