2012-09-18 4 views
2

부트 스트랩의 내비게이션 고정 메뉴 막대의 색상을 변경하고 싶습니다.navbar 고정 메뉴 막대의 배경색 변경 부트 스트랩

이 application.html.erb에서
.navbar 
    .navbar-inner { 
    background-color: #2c2c2c; 
    } 
} 

나는이있다 :

<header class="navbar navbar-inverse navbar-fixed-top"> 
<nav class="navbar-inner"> 

누군가가 아직도 메뉴 바의 배경으로 검은보고 있어요 이유를 설명 할 수 application.css.scss에서 나는이 있습니다 (나는 클래스가 아주 옳은 것으로 생각하지 않는다고 생각한다).

+0

가능한 중복 http://stackoverflow.com/questions/9869610/navbar-color-in에서 당신은 몇 가지 논리적 오류가이 코드를 사용 - 트위터 - 부트 스트랩) – Rob

답변

7

기본적으로 탐색 모음은 CSS 그라디언트를 사용합니다. 여기에는 background-image 속성이 사용됩니다. 이 값을 다시 설정해야합니다.

.navbar { 
    .navbar-inner { 
    background-color: #2c2c2c; 
    background-image: none; 
    } 
} 

업데이트 : 누락 된 중괄호가 추가되었습니다.

+0

벤, 정말 고마워! 한 가지 질문은 "클래스"가 실제로 "navbar"및 "navbar-inner"라고 말하는 것이 맞습니까? 즉, "navbar-inverse"및 "navbar-fixed-top"은 클래스가 아니지만 클래스에 추가 된 자격입니까? – sploiber

2
<style type="text/css"> 
    .navbar { 
     background-color:#00FFCC; 
     background-image: none; 
    } 
</style> 

당신의 CSS를

[트위터 부트 스트랩에서 메뉴 바 색상] (의
관련 문제