부트스트랩 navbar 텍스트를 이미지와 정렬하는 방법은 무엇입니까?

Question

부트스트랩 navbar를 사용하고 있고 navbar 브랜딩에 이미지를 삽입했지만 크기로 인해 정렬이 엉망이 되었습니다. 함께 있는 텍스트를 중앙에 정렬하고 싶지만 다른 버튼 텍스트도 중앙에 정렬하는 방법을 모르겠습니다.

출력 결과는 다음과 같습니다

으아악

내비게이션 항목에 정렬을 사용해 보았지만 무엇을 해도 아무 것도 바뀌지 않았습니다. 부트스트랩을 사용한 것은 이번이 처음이고 HTML 지식이 제한되어 있어서 어떻게 해야 할지 전혀 모르겠습니다. (< /p>

Answer 1

구현에 어떤 문제가 있는지 잘 모르겠습니다. bootstrap 문서에 언급된 대로 탐색 컨테이너로 스니펫을 래핑해 보았는데 괜찮아 보입니다.

으아아아 으아아아

포장지를 놓치고 있는 건 아닐까요? 아니면 HTML 파일의 정적 스타일에 부트스트랩 스타일을 포함하지 않았습니까?

Answer 2

아래와 같이 상위 요소에 대한 모든 <a> 标记以及 navbar-brand <a> 标记上使用引导程序中的 d-flexalign-items-center 클래스를 시도해 볼 수 있습니다. 그러면 요소가 수직으로 중앙에 배치됩니다.

으아아아