2014-07-22 7 views
1

나는이 예제의 기반으로 웹 사이트의 색상 수정 찾고 있어요 : 나는 성공적으로수정 트위터 부트 스트랩 색 구성표

body{background-color:#XXXXXX} 

이와 전체 페이지의 배경색을 변경 http://getbootstrap.com/examples/navbar/

을 div (배경에 연결된 회색)의 배경색을 수정하지 않습니다. div가 서브 클래스 jumbotron (올바른 용어인지 확실하지 않음)이라고 생각하고 배경색을 수정하는 데 문제가 있습니다. div 내에서 배경의 색을 수정할 수 있지만 (예 : 단락과 같이) div의 전체 배경을 변경하고 싶습니다. 또한 탐색 바를 사용하여 동일한 작업을 수행하려고합니다. 그러나 두 가지 문제는 밀접한 관련이 있다고 생각합니다. 당신이 올바른 방향으로 나를 가리킬 수 있다면, 정말 고마워요!

답변

2

모든 웹 개발자가 웹 콘솔을 시작할 수있는 좋은 장소입니다. 관심있는 페이지 요소를 마우스 오른쪽 단추로 클릭 한 다음 '요소 검사'를 클릭하십시오. 선택한 요소를 강조 표시하는 콘솔이 표시됩니다. 오른쪽에는 합성 CSS 규칙이 나열된 상자가 표시됩니다. 이 규칙을 사용하여 변경하려는 내용을 대체 할 항목을 결정하십시오.

+0

약간의 확장 기능 : div에서 하위 클래스를 선택해야만 수정 한 다음 그 중 모든 것을 색상을 상속받습니다. 예제에서 div.jumbotron을 수정해야했습니다. – mrswmmr

1

부트 스트랩을 사용하여 웹 사이트를 개발하는 가장 쉬운 방법은 브라우저에서 관리자 도구 (일반적으로 F12로 열림)를 사용하는 것입니다. 그런 다음 수정해야하는 div 내에서 클래스를 볼 수 있습니다.

탐색의 클래스는 일반적으로 단지 .nav이며, 컨텐츠의 나머지를 위해, 그것은 일반적으로 여단입니다 DIV에 싸여. 검사관과 함께하면 쉽게 모든 것을 파악할 수 있습니다!

+0

그리고이 외에도 무언가가 작동하지 않으면 CSS 속성을! important -tag로 표시해보십시오. 부트 스트랩의 기본 설정에서 기본 스타일 시트를 무시해야 할 때도 있습니다. – ProDexorite