인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

Inflearn Community Q&A

날아라숑's profile image
날아라숑

asked

Bootstrap 5 - Creating a Web Project from Scratch

Project 1 - Navigation

navbar-dark bg-primary

Written on

·

368

0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
navbar-dark bg-dark
여기에서 navbar-dark가 하는 역할이 무엇인지요?
navbar-darkbootstrapjavascript웹 디자인HTML/CSS

Answer 2

0

날아라숑님의 프로필 이미지
날아라숑
Questioner

감사합니다.

0

codingdiy님의 프로필 이미지
codingdiy
Instructor

답변이 늦어서 죄송합니다. 

 

부트스트랩 클래스 navbar-dark는 일종의 네비게이션 테마에 해당합니다.

요즘 어떤 웹페이지를 보면 라이트모드/다크모드 같이 밝은 색 배경에 짙은 글씨 또는 어두운 배경에 밝은 글씨 같은...

 

그래서 navbar-dark는 채색이 되어 있는 네비게이션 타입이라고 보시면 되고,

이 경우 텍스트의 색은 밝은 색이 됩니다. (완전 흰색은 아니고..)

 

대신 네비게이션 색은 뒤의 bg-primary bg-dark 처럼 배경색 클래스로 조절됩니다.(물론 custom하게 배경색을 정할 수도 있습니다)

 

감사합니다.

날아라숑's profile image
날아라숑

asked

Ask a question