부트 스트랩 모바일 메뉴

Question

사이트 (대형 브랜드 IMG의 경우 작품 내용에 대한 Z 인덱스를 사용하지만) 브랜드 IMG 뒤에 엽니 다 브랜드 이미지 앞에 앉는다. 이상적으로는 브랜드 이미지의 맨 아래 가장자리와 같은 높이로 메뉴 여백을두고 싶습니다.

또한 바탕 화면 뷰포트에서 내 링크 텍스트를 더 크게 만들 수 없으며 어느 쪽도 만들 수없는 것처럼 보입니다.

내 CSS :

.navbar { 
height: 113px; 
margin-top: 15px; 
} 
.navbar-default { 
background: transparent; 
border: none; 
} 
.navbar { 
z-index: 9999; 
padding-top: 20px; 
} 

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-brand { 
color: #000;} 
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus { 
text-decoration: bold; 
color: #39b54a; 
background-color: none;} 

@media only screen and (max-width: 766px) { 
.collapsing, .in {background-color: #f7f7f7;} 
.collapsing ul li a, .in ul li a {color: #555!important;} 
.collapsing ul li a:hover, .in ul li a:hover {color: #f1f1f1!important;} 
} 

Answer 1

.navbar-brand 요소는 50 픽셀의 고정 된 높이를 가지고있다. 로고의 높이는 110px입니다.

.navbar-brand { 
    height: 110px; 
} 

아니면 좀 더 유연하게하기 :

속기 솔루션은 CSS에 선언 된 고정 높이를 무시하고 증가하는 새로운 클래스 규칙을 작성하는 것입니다

.navbar-brand { 
    min-height: 110px; 
    height: auto; 
}