부트스트랩 navbar 텍스트를 이미지와 정렬하는 방법은 무엇입니까?
P粉221046425
P粉221046425 2024-03-28 14:13:44
0
2
380

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

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

으아악

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

P粉221046425
P粉221046425

모든 응답(2)
P粉797004644

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

으아아아 으아아아

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

P粉129275658

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

으아아아
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿