Twitter 부트 스트랩에서 navbar 크기를 변경하는 방법 3

Question

증가하려고 시도 중입니다. bootstrap 고정 된 상단 동작과 함께 사용되는 3.0 navbar 높이.

어떻게하면됩니까?

Answer 1

당신이 .less 또는 .scss 버전을 사용하는 경우, 당신은 코드에서 다음과 같은 $navbar-height 변수를 편집 할 수 있습니다

https://github.com/twbs/bootstrap/blob/master/less/variables.less#L360

그렇지 않다면, 당신은 statiing하여 규칙을 재정의해야합니다

.navbar { 
    height: {new height}; 
} 

Answer 2

코드를 보지 않고는 도움이되지만 일반적으로 Bootstrap 3에, 어려운

이것은 less 변수 @navber-height이고 @navbar-padding-vertical은 navbar의 높이를 조정합니다.

하지만 내 현재 부트 스트랩 응용 프로그램에서

나는 그 다음 height 값이 위치를 확인하기 위해 css보고 탐색 모음에서 inspect element하는 것입니다 할

header.navbar { 
    height: 54px; 
} 

가장 쉬운 일을 사용하여 다른 설정이있다. 원하는대로 조정하십시오 height.

그런 다음 기존 Bootstrapcss을 무시할 !important으로 css에서 규칙을 만듭니다.

less이없는 또 다른 예입니다.

.navbar-fixed-top { 
    height: 70px !important; /* Whatever you want. */ 
} 

파일을 새로 만들고 css 파일을 새로 작성하십시오. 당신은 다음 요소를 검사 이제 추가 한 재정의 CSS 파일에를 오버라이드 (override) 할 경우에 overrides.css

내부

<link rel='stylesheet' href='/stylesheets/bootstrap.css'/> 
<link rel='stylesheet' href='/stylesheets/overrides.css'/> 

이 CSS 규칙은 Bootstrap 내부에 존재하는 경우.

이의 !important

.navbar-fixed-top { 
    height: 70px !important; /* Whatever you want. */ 
}