부트 스트랩 3 RC1 - navbar 색상 변경

Bootstrap 3 navbar 색상을 기본 회색에서 # 5e00ff로 변경하고 싶습니다. 부트 스트랩의 사용자 정의 섹션은 아직 사용할 수 없습니다 - 수동으로 수행하는 방법은 무엇입니까? 당신의 CSS에서부트 스트랩 3 RC1 - navbar 색상 변경

출처

2013-08-10 Jay

파일은 어떻게 설정됩니까? 더 적은 파일을 수정하거나 자신의 CSS 파일로 덮어 쓰려고하십니까? – Chords

이를 추가하는 데 도움이

.navbar 
{ 
    background-color: #5e00ff; 
}

희망을.

출처

2013-08-10 16:03:36 jstwrt

이 파일을 bootstrap.css 파일에 추가하려고했습니다. 작동하지 않습니다. 이것을 위해 별도의 CSS 파일을 사용해야합니까? – Smitha

다른 CSS 파일 (custom.css)에 추가하고 부트 스트랩 스타일이 오버라이드되도록 bootstrap.css 파일 다음에 새 파일이로드되는지 확인하는 것이 좋습니다. – ProfNimrod

-1

추가 답변으로, 소스에서 부트 스트랩을 만들고 다른 CSS 수정없이 끝내려면 less 폴더로 이동하여 variables.less 파일을 엽니 다.

@navbar-bg: #5e00ff;

을 한 다음 작성 : 여기에

@navbar-bg: #eee;

을 : 라인 227에

이 변경. : CSS 파일에서

출처

2013-08-10 16:17:15

포함 된'.less' 파일을 수정하지 말 것을 권장합니다. 새로운'mysite.less', 상단에'@import bootstrap'을 생성 한 다음 필요에 따라 변수를 재정의하는 것이 더 낫습니다. 이것은 Bootstrap 3에 대한 모든 업데이트가 있음을 의미합니다. 이것이 출시 후보에 불과하다는 점을 감안할 때 소스 파일을 다시 작성하지 않아도 사용자가 직접 풀어 낼 수 있습니다. Twitter의 [RECESS] (http://twitter.github.io/recess/) 도구를 사용하여'.less' 파일을 하나의 CSS 파일로 컴파일해야합니다. – elithrar

그냥 부트 스트랩 CSS 파일을 무시합니다

.navbar { 
    background-color: #5e00ff !important; 
}

이를 추가합니다. 부트 스트랩 파일에서 navbar 용 CSS의 위치에 익숙하지 않지만 쉬운 방법은 해당 파일을 찾아서 할당 된 배경색을 변경하는 것입니다.

출처

2013-08-10 16:29:42 MitulP91

정답을 이미 게시 한 경우 답변을 추가하지 마십시오. –

@MiroMarkarian 나는 내 대답이 약간 다르다는 인상을 받았다! 원래 CSS를 무시하는 것이 중요하지만 괜찮아. 사과드립니다. 머리를 가져 주셔서 감사합니다. – MitulP91

괜찮습니다.하지만 최소한 간단히 말해서! important를 추가하는 효과/중요성에 대해 언급해야합니다. 그렇지 않으면 당신의 대답이 어떻게 다른지 그리고 왜 당신의 접근 방식을 선호해야하는지 명확하지 않습니다. –

부트 스트랩 3 RC1 - navbar 색상 변경

답변

관련 문제