2014-11-09 3 views
1

내 홈페이지에서 navbar의 두 navbar-toggle 버튼을 사용합니다.부트 스트랩 3 navbar-toggle height

그러나이 버튼은 글리 phicon 아이콘을 사용하는 것과 다릅니다.

여기에 캡처 이미지가 있습니다.

이미지 링크 : http://i.stack.imgur.com/mtqm7.jpg

페이지의 이미지를 잘해서 측면, 두 개의 네비게이션 바 - 토글 버튼의 ​​높이가 서로 다른 것을 특징으로한다.

두 개의 navbar-toggle 버튼을 어떻게 동일하게 변경할 수 있습니까?

답변

1

enter image description here

어쩌면 u는 위의 미리보기 이미지에 따라 버튼의 패딩을 대체 할 수 있습니다?

이 요소를 검사 사용으로, 원래의 기본 스타일이
.navbar-toggle { 
position: relative; 
float: right; 
padding: 9px 10px; 
margin-top: 8px; 
margin-right: 15px; 
margin-bottom: 8px; 
background-color: transparent; 
background-image: none; 
border: 1px solid transparent; 
border-radius: 4px; 
min-height: 33px; 
} 

다음 u는 아마도 기본 스타일을 재정의에 대한 우선 순위가 높은 일부 CSS를 만들 수있다

// 인라인 스타일! 당신이 원하는대로 중요합니다. 참고로

.navbar-toggle { 
    padding-top:12px; 
    padding-bottom:12px; 
} 

,
은 정렬 요구 사항을 충족하기 위해 실시간 편집을 할 브라우저 개발 도구를 사용합니다.