트위터 부트 스트랩 무시하기

Question

나는 트위터 부트 스트랩이있는 레일즈 3.2 앱을 만들고있다. bootstrap_and_overrides.css.less에서 Bootstrap의 색상을 무시하려고합니다.

저는 LESS 변수를 사용하여 색상을 무시할 수있었습니다. 예 :

@navbarBackground: @blue; 
    @navbarBackgroundHighlight: @blueDark; 

그러나 색상 변수에서 벗어나고 싶습니다. 5092CC와 같은 16 진수 색상을 넣을 수 없습니다. 나는 문제를 일으킬 수있는 것을 읽었 기 때문에 색상 변수를 덜 정의하고 싶지는 않습니다.

또한 모든 제목 태그의 색상을 변경하려고합니다. 나는 그들 모두가 같은 색이되기를 바란다. 하지만 Bootstrap은 내가 시도한 모든 변화를 무시하고 있습니다. 가장 최근의 시도 :

h1, h2, h3, h4, h5, h6 { 
     color: 325B7F; 
     small { 
     color: 325B7F; 
     } 
    } 

저는 일반 CSS와 덜 사이에 혼란 스러워요. 나는이 일의 대부분을 싸우고있다.

모든 도움을 주시면 대단히 감사하겠습니다.

Answer 1

레일스에 익숙하지 않습니다. 그러나 CSS 나 LESS를 사용하는 경우에도 #을 추가해야합니다.

h1, h2, h3, h4, h5, h6 { 
    color: #325B7F; 
    small { 
    color: #325B7F; 
    } 
} 

이것이 작동하지 않으면 부트 스트랩의 variables.less 파일을 살펴 봐야합니다. 클릭하여 원하는 색상 변수 (@blue 및 @blueDark)를 변경하고 CSS를

추가 컴파일 : 직접 부트 스트랩 파일을 변경할 필요없이,

이것은 내가 부트 스트랩 변수를 덮어 방법을.

variables.less에서

// bootstrap less files located in another folder 
@import "../../bootstrap/less/bootstrap.less"; 
@import "../../bootstrap/less/responsive.less"; 

// mysite overwrites located in my own project folder 
@import "variables.less"; 

당신이 덮어 쓸 변수 재정의 :

@blue: #123456; 
@blueDark: #678912; 

을 그리고 마지막으로 당신의 CSS 컴파일 :

lessc mysite.less > bootstrapincludingmyoverwrites.css