Question

我想在yiii中使用bootstrap 3（网格）。特别是使用CGridView和其他yii小部件。

我真的希望能够应用像'.col-sm-4'这样的课程。

所以，根据我们目前所知的，使用带有yii 1.1（CGridView）的bootstrap 3（网格）的最佳方法是什么？

由于

Answer 1

使用Boostrap表类设置CGridView小部件的itemCssClass属性。

<div class="table-responsive">
<?php
...
$this->widget('zii.widgets.grid.CGridView', array(
    'id' => 'my-model-grid',
    'dataProvider' => $model->search(),
    'filter' => $model,
    'columns' => array(
        ...
    ),
    'itemsCssClass' => 'table table-striped table-bordered table-hover table-condensed'
));
...
?>
</div>

.table-responsive类创建一个响应表。然后，该表将在小型设备上水平滚动（768px以下）。在大于768px宽的任何东西上观看时，没有区别

.table类为表添加基本样式。

.table-striped类将斑马条纹添加到表格中。

.table-bordered类在表格和单元格的所有边上添加边框。

.table-hover类在表格行上添加悬停效果（灰色背景颜色）。

。table-condensed类通过将单元格填充减半来使表更紧凑。

Boostrap Tables

在yii 1.1中使用bootstrap 3（网格）的最佳方法是什么？

1 个答案: