사용자 도구

사이트 도구


wiki:bootstrap:bootstrap_note:bs_navbars

문서의 이전 판입니다!


Bootstrap Navigation Bar

  • description : Bootstrap Navigation Bar
  • author : 오션
  • email : shlim@repia.com
  • lastupdate : 2021-03-29


네비게이션 바는 페이지의 상단에 배치된 네비게이션 헤더입니다.


Bootstrap을 사용하면, 화면 크기에 따라 네비게이션 바를 확장 또는 접을 수 있습니다.

표준 네비게이션 바는 <nav class = "navbar navbar-default">로 생성됩니다.

하기 예제는 페이지 상단에 네비게이션 바를 추가하는 방법을 보여줍니다.

예제

Basic Navbar Example

A navigation bar is a mavigation header that is placed at the top of the page.


Note:
이 페이지의 모든 예제는 작은 화면에서 너무 많은 공간을 차지하는 내비게이션 바를 표시합니다.
(그러나 내비게이션 바는 부트스트랩이 반응형이기 때문에, 큰 화면에서는 한 줄에 표시됩니다).
이 문제 (작은 화면 포함)는 본 페이지의 마지막 예제에서 해결됩니다.

Inverted navigation Bar

기본 네비게이션 바 스타일이 마음에 들지 않으면, Bootstrap은 대안인 검정색 navbar를 제공합니다.

.navbar-default 클래스를 navbar-inverse로 변경하세요

예제

/volume1/web/dokuwiki/data/attic/wiki/bootstrap/bootstrap_note/bs_navbars.1616991861.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)