yii 1.1에서 부트 스트랩 3 (그리드)을 사용하는 가장 좋은 방법은 무엇입니까?

Question

yiii에서 부트 스트랩 3 (그리드)를 사용하고 싶습니다. 특히 CGridView와 다른 yii 위젯과 함께.

'.col-sm-4'와 같은 클래스를 적용하고 싶습니다.

그래서 지금까지 알고있는 것을 바탕으로 yii 1.1 (CGridView)에서 부트 스트랩 3 (그리드)을 사용하는 가장 좋은 방법은 무엇입니까?

감사

Answer 1

설정 부트 스트랩 테이블 클래스와 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 클래스는 셀 패딩을 절반으로 줄임으로써 테이블을 더욱 컴팩트하게 만듭니다.