container 적용하면 양쪽에 여백이 생기고 그사이에 내용이 담겨 있다.
<body> 안에 해당 본문 내용을 <div> 태그로 감싸고 class="container"로 설정.
네비게시션 바에도 container 적용하는 방법.
<nav> 태그의 class="container"를 추가하면 내비게이션 자체가 양옆으로 여백이 생긴다.
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="./nav01.html">MODACO</a>
<nav>태그안에 설정하지 말고
<nav> 태그 안쪽에
<div> 태그를 새로 만들어서 class="container" 추가하면 메뉴만 양옆으로 여백이 생긴다.
'프로그래밍 > bootstrap' 카테고리의 다른 글
| bootstrap 모달(modal) (0) | 2021.08.03 |
|---|---|
| spacing 간격주기 (0) | 2021.08.03 |
| grid 웹페이지 구성 (0) | 2021.08.03 |
| 부트스트랩 내비게이션(navbar) 바 (0) | 2021.08.03 |
| Booststrap css와 자바스크립트 적용하기 (0) | 2021.08.03 |
댓글