2014-09-18 5 views
-1

최신 부트 스트랩 3.2.0을 사용하고 모바일 메뉴 색상을 다르게 표시하려고합니다.부트 스트랩 모바일 네비게이션 색상

나는 http://seattleasce.org/index_test.php에서 작업하고있는 페이지를 업데이트하는 데 정말로 힘든 시간을 보내고 있습니다. 내가하려고하는 것은 모바일 버전의 색을 변경하는 것입니다. @media 쿼리로 활성화하는 것입니다 (미안하지만 어쩌면 그럴 수 없습니다).

페이지가 파란색 작은 네비게이션 위에 회색 텍스트를 표시하지 않도록 CSS 스타일을 편집하는 방법을 모르겠습니다. 도와주세요.

답변

1

하고, 당신의 CSS에이 줄을 추가해야 그것은로드 한 후 부트 스트랩

당신은 그것에 대해 잘못된 방법을 생각하고
@media (max-width:767px){ 
.navbar-nav .open .dropdown-menu .dropdown-header{color:#fff} 
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{color:#fff} 
} 
+0

파비오 감사 기본값으로 모바일 화면을 치료! :) –

0

는 bootstrap3 먼저 다음 대조적으로 미디어 쿼리를 사용하여 확장 휴대폰을 위해 설계되었습니다 먼저 데스크톱 용으로 디자인 한 다음 미디어 쿼리로 축소하려고합니다.

:

http://puu.sh/bDyak.png

이제 우리는 작은 장치 화면 폭에 밖으로 확장으로 발생하는 시계 : 모바일 모드에서 '네비게이션 바 헤더'에 적용되는 스타일의 예를 들어 보면 들어

http://puu.sh/bDyn2.PNG

+0

그것은 많은 의미가 있습니다. Matthew에게 감사드립니다! 당신의 이론과 Fabio의 코드 예제를 통해 나는 그것을 바로 잡을 수있었습니다. 고맙습니다! –

+0

도움이 될 수있어서 다행입니다. –

관련 문제