프로그래밍/bootstrap
부트스트랩 내비게이션(navbar) 바
브이몬
2021. 8. 3. 16:19
부트스트랩 공식 사이트 (getbootstrap.com)접속
Documentation → Components →Navbar
마음에 드는 네비게이션 바 소스 오른쪽 상단 위에 copy를 눌러서 복사한다.
(<Dropdown link> 버튼이 있는 네비게이션 바 소스 오른쪽 상단 위에 Copy를 눌러 코드 복사)
<head>안에 추가
<link rel="stylesheet" href="./bootstrap/bootstrap.min.css" type="text/css"><link rel="stylesheet" href="부트스트랩.css 있는 경로위치" type="text/css">
부트스트랩을 사용할것이라고 명시해주는 것이다.
<body>안에
copy한 내용을 붙여넣기 → 실행
네이게이션바가 잘 나오는 것을 확인할 수 있다.
Navbar가 들어있는 <a> 태그를 찾아서 텍스트를 수정(경로를 지정)
href 값도 경로 설정.