나는 부트 스트랩 Studio와 함께 여행 웹 사이트를 구축하고 ->http://stackoverflowquestion.bss.design/부트 스트랩 햄버거 메뉴를 탐색 표시 줄에 수직으로 정렬하려면 어떻게합니까?
하나의 문제를 제외하고 지금까지 잘거야 : 나는 수직 로고에 비례 햄버거 메뉴를 정렬 어려움을 겪고 있어요.
내가 찾은 문제를 해결하는 빠른 방법은 추가하여 css
에 다음되었습니다
button.navbar-toggle.collapsed {
top:42px;
}
이 접근 방식의 문제는 그러나됩니다 :
가- 화면 가져 로고는 크기가 조정으로 작지만 햄버거 메뉴는 같은 높이에 유지됩니다.
- 사용자가 아래로 스크롤하면 전체 navbar가 축소되고 burger 메뉴가 동일한 높이로 유지됩니다.
이제는 수많은 @media
쿼리를 추가 할 수 있다는 것을 알고 있지만 엄청난 수의 코드로 끝날 것이며, 항상 버거 메뉴를 로고 중앙에 세로로 배치하는 더 좋은 방법이 있는지 궁금해하고있었습니다. ?
음, 작동하지 않는 것 같아요, 그냥 메뉴 왜곡? – DDiran
스크린 샷을 만들거나 코드 미리보기를 제공 할 수 있습니까? 개발자 도구에서만 문제를 해결하는 것은 다소 까다로운 작업 일 수 있습니다. 또한 어떤 브라우저를 사용하고 있습니까? 브라우저에 Flexbox에 대한 충분한 지원이 없을 수도 있습니다. – Maharkus