2012-05-23 2 views
4

저는 PHP 프레임 워크 Yii를 사용하고 있으며 Twitter Bootstrap Framework와 함께 사용하고 싶습니다.Yii Framework에서 부트 스트랩으로 변수를 편집하고 컴파일하는 방법은 무엇입니까?

정확히 같은 단계를 수행했는데 설정하려면 http://www.cniska.net/yii-bootstrap/setup.html과 같습니다.

모든 색상의 기본값을 어떻게 변경할 수 있습니까? 나는 "variables.less"에서 그것을 바 꾸었습니다. 그리고 부트 스트랩과 스타일을 성공적으로 컴파일했습니다.

미안하지만 내가 디자인을 바꾸기 위해 변경하고 컴파일해야하는 파일을 말할 수 있습니까?

답변

1

파일이 적게 컴파일된다고 가정하면 컴파일 된 CSS 파일에서 색상이 변경되어야합니다. 어느 시점에서 HTML 파일이 새로 컴파일 된 CSS 파일에 링크되는지 확인해야합니다.

1

부트 스트랩의 적은 파일을 루트 디렉토리의 적은 폴더에 복사하고 거기에서 편집하고 컴파일하는 것이 좋습니다. 이런 식으로 부트 스트랩 프레임 워크를 쉽게 업데이트 할 수 있습니다.

이 less 폴더에는 bootstrap.imports/bootstrap/폴더와 하나의 편집 된 파일을 가져 오는 style.less 파일이 있습니다. 필자는 다른 파일의 변수를 사용할 때주의를 기울여야합니다. 그런 다음 변수가 정의 된 파일을 좀 더 가져와야합니다. Yii-Bootstrap ver 1.2.0의로

3

가의 CSS 파일이 경로에서 촬영// 부트 스트랩 - 확장/자산/CSS/ 폴더, 그러므로베이스에 대한 변경은 .less 파일을 컴파일하고 저장해야합니다 폴더. this line in the source 확인 : 예를 들어

Yii::app()->clientScript->registerCssFile($this->getAssetsUrl().'/css/bootstrap.css'); 

:

  • CSS는 확장을위한 폴더입니다 : 프로젝트 이름/보호/확장/부트 스트랩/자산/CSS/
  • 자료 .less 파일 in 프로젝트 이름/protected/extensions/bootstrap/lib/bootstrap/less/
  • 막 전자 프로젝트 이름/보호/확장/부트 스트랩/lib 디렉토리/부트 스트랩/이하/variables.less의 변화 :

    @white:     #ffe;// changed from #fff 
    
  • 는 경우 원래 bootstrap.css의 백업을 만듭니다.

  • protected/extensions/bootstrap/lib/bootstrap/less/bootstrap.less 파일.
    예 (& 프로젝트 이름 에있는 동안 폴더를 컴파일 서버 측 명령 줄) : 브라우저에서

    $lessc protected/extensions/bootstrap/lib/bootstrap/less/bootstrap.less > protected/extensions/bootstrap/assets/css/bootstrap.css 
    
  • 캐시 삭제, 변경을보고 새로 고칩니다.

+0

@RD 나는 상세한 단계를 줬다. 그것을 조사해라. –

관련 문제