컴파일 된 변수가있는 부트 스트랩 무시.

variables.less 파일에서 @grid-float-breakpoint :을 무효화하려고합니다. 내가 가진 부트 스트랩 코어 파일의 CSS 파일을 가져 오기하고 내 인덱스 파일에서컴파일 된 변수가있는 부트 스트랩 무시.

(상단 메뉴의 붕괴 폭을 조정하기 위해) : 다음 후 컴파일 및 조정 변수 파일을 가져 오는하고

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

<link rel="stylesheet/less" type="text/css" href="less/variables.less">

왜 내 변수는 bootstrap.min.css를 무시하지 않습니까?

출처

2013-10-21 carolina carlgren

이미 CSS로 컴파일 된 변수를 재정의하는 것은 불가능합니다. less는 전처리 기이므로 무시한 다음 컴파일 된 CSS를 컴파일하고 포함시켜야합니다. 이를 위해 다양한 명령 행 도구 (http://gruntjs.com/ 및 https://npmjs.org/package/grunt-contrib-less을 사용)를 사용하거나 응용 프로그램을 사용할 수 있습니다!

사용자 정의 값이있는 별도의 파일이 필요하며 변수를 가져온 후에 파일을 가져올 수 있습니다.

@import "bootstrap.less"; /* Imports all the bootstrap less files in the correct order, including variables.less */ 
@import "custom-variables.less"; /* Your custom less variables */

자세한 내용은 Overriding Bootstrap LESS variables after @import을 참조하십시오.

출처

2013-10-22 12:09:38

나는 다른 custom variables.less 파일을 만드는 것을 생각하지 않았다. 그것은 나를 도왔다. 고맙습니다! –

도움이 될 수있어서 기쁩니다! 이 솔루션을 사용할 수있는 경우이를 허용으로 표시 할 수 있습니까 (http://meta.stackoverflow.com/help/someone-answers 참조)? 감사. –

컴파일 된 변수가있는 부트 스트랩 무시.

답변

관련 문제