2013-03-12 4 views
0

트위터 부트 스트랩을 사용합니다. 부트 스트랩. less to css

@import "bootstrap.less"; 
@gridGutterWidth: 30px; 

body {...} 

내가 내 style.less 일부 부트 스트랩 변수를 재정의 : bootstrap.less 및 style.less : 내 dev에 서버에서 나는이 개 적은 파일을 연결합니다. 이 경우 bootstrap.less와 style.less를 css로 변환하는 방법은 무엇입니까?

답변

2

SimpLESS과 같은 도구를 사용하여 CSS를 작성한 다음 레이아웃에서 CSS를 참조하거나 Less.js을 CSS로 변환하여 코드에서 LESS 파일을 계속 참조 할 수 있습니다.

+0

저는 개발자를 위해 Less.js를 사용하지만 제작에는 CSS가 필요합니다. 문제는 그 사용이 아니라 그것을 사용하는 방법입니다. 두 파일에 모두 가입하십시오. bootstrap.less는 가져 오기로만 구성됩니다. 그것을 변환하는 방법 등? – Wolter

+0

SimpLESS 도구를 사용하여 사이트에서 참조 할 수있는 CSS 파일로 변환 할 수 있습니다. 내 대답에서 링크를 클릭하면 볼 수 있습니다. –

+0

오류가 발생합니다 : 'e.massage'에서 expressiin style.less의 결과 [undefined]가 개체가 아닙니다. 뭐가 될수 있었는지? – Wolter

5

Twitter 부트 스트랩 팀에서 CSS 용 도구 - recess을 개발했습니다. LESS를 컴파일하고, CSS, lints를 최적화하며, BS의 스타일 지침에 따라 변환합니다.

recess --compile bootstrap.less > bootstrap.css 

그러나 선호하는 방법은 부트 스트랩의 폴더에 make bootstrap을 실행하여 부트 스트랩 Makefile을 사용하는 것입니다

npm install recess 

은 당신이 명령 줄에서 실행할 수 있습니다 : 그것은 npm로 설치, 노드 패키지로 사용할 수 있습니다 .