twitter-bootstrap - Yii2 ListWidget自定义css的问题

Question

我是 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'
        ]
    ]
]);

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

Answer 1

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

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

   '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'
           ] 
   

   更多选项在

   http://www.yiiframework.com/doc-2.0/yii-widgets-linkpager.html#$activePageCssClass-detail