yii boottstrap 페이지 스타일 의 인 스 턴 스 를 사용 합 니 다.

부 트 스 트랩 은 트 위 터 가 내 놓 은 프론트 개발 용 공구 꾸러미 다.트 위 터 의 디자이너 마크 오토 가 Jacob Thornton 과 합작 하여 개발 한 CSS/HTML 프레임 워 크 입 니 다.Bootstrap 은 동적 CSS 언어 Less 로 작 성 된 우아 한 HTML 과 CSS 규범 을 제공 합 니 다.부 트 스 트랩 은 출시 되 자마자 인 기 를 끌 었 고 GitHub 의 인기 오픈 소스 프로젝트 였 다.NASA 를 포함 한 MSNBC(마이크로소프트 전국 방송 사)의 Breaking News 는 모두 이 프로젝트 를 사용 했다.
본 고 는 yii 가 boottstrap 페이지 스타일 을 사용 하 는 방법 을 소개 하고 관심 있 는 학생 들 이 참고 하 는 것 입 니 다.
yii 는 페이지 클래스 와 페이지 스타일 을 가지 고 있 지만 yii+boottstrap 개발 프로젝트 라면 yii 를 수정 하지 않 고 boottstrap 페이지 스타일 을 사용 하 는 방법 은 무엇 입 니까?
본 고 는 yii 의 페이지 에 boottstrap 스타일 을 사용 하려 면 주로 yii CLinkPager 의 두 가지 속성 html Options 와 selected PageCssClass 에 의존 하 는 매우 간단 한 방식 을 소개 합 니 다.
컨트롤 러 예제 코드

public function actionIndex()
{
 $cid = intval($_GET['cid']);

 $criteria = new CDbCriteria();
 $criteria->addCondition("t.status=1");
 $criteria->addCondition("cid='$cid'");
 $criteria->order="t.time desc";
 $count = Article::model()->count($criteria);
 $pager = new CPagination($count);
 $pager->pageSize=20;
 $pager->applyLimit($criteria);
 $lists = Article::model()->findAll($criteria);

 $this->render('index',array('lists'=>$lists,"pager"=>$pager));
}
위의 코드 는 yii 페이지 를 실현 하고$pager 페이지 대상 을 보기 로 전송 합 니 다.보기 코드 를 다시 한 번 보 겠 습 니 다.
보기 코드

<nav>
<?php
$this->widget('CLinkPager',array(
    'header'=>'',
    'firstPageLabel' => '  ',
    'lastPageLabel' => '  ',
    'prevPageLabel' => '   ',
    'nextPageLabel' => '   ',
    'pages' => $pager,
    'maxButtonCount'=>8,
    'cssFile'=>false,
    'htmlOptions' =>array("class"=>"pagination"),
    'selectedPageCssClass'=>"active"
 )
 );
?>
</nav>
위의 보기 코드 는 아래 의 몇 가지 점 을 주의해 야 한다.
1.페이지 는

좋은 웹페이지 즐겨찾기