Yii2 ListWidget 自定义 css 的问题

【问题标题】：Problems with customizing css for Yii2 ListWidgetYii2 ListWidget 自定义 css 的问题
【发布时间】：2016-09-16 14:27:49
【问题描述】：

我是 Yii 的新手。我想像这样为 Yii2 ListView 自定义 css：

ListView::widget([
    'dataProvider' => $productsProvider,
    'options' => [
        'tag' => 'div',
        'class' => 'row',
        'id' => 'products-list-wrapper',
    ],
    'itemOptions' => [
        'class' => 'col-md-2'
    ],
    'itemView' => '_product_item.php',
    'pager' => [
        'options' => [
            'class' => 'my-custom-pagination'
        ]
    ]
]);

当我添加引导类时，例如：'options' => [ 'class' => row ]，样式确实适用，但是当我添加我在 web/css/site.css 中定义的自定义样式规则时，它们不适用。感谢帮助！

【问题讨论】：

标签： twitter-bootstrap css yii yii2

【解决方案1】：

尝试在浏览器中查看呈现的 html 以查看是否 css 文件 site.css 已正确加载，并且该 site.css 包含为您的自定义类定义的样式。
确保您的资产包已正确加载。

默认情况下，您的寻呼机使用引导类进行样式设置，但您可以用您自己的自定义样式类覆盖默认值。

'pager' => [                                 
             'options' => [
                 'class' => 'my-custom-pagination',//default value is 'pagination'
                ],
            'prevPageCssClass' => 'yourClass', // default value is  'prev'
            'activePageCssClass' => 'yourClass',// default value is 'active'
            'nextPageCssClass' => 'yourClass',// default value is 'next'
            'lastPageCssClass' => 'yourClass',// default value is 'last'
        ]

【讨论】：

谢谢，我的site.css文件是从缓存中检索出来的，新添加的css规则已经添加了注释。