1 개요[ | ]
- CSS 부트스트랩 .nav 구현
- 부트스트랩 없이 CSS로 부트스트랩의 .nav 구현
2 예시[ | ]
html
Copy
<style>
.nav {
margin-top: 0;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav>li {
position: relative;
display: block;
}
.nav>li>a {
color: #337ab7;
text-decoration: none;
position: relative;
display: block;
padding: 10px 15px;
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: #eee;
}
</style>
<ul class="nav">
<li><a href="#">1번 메뉴</a></li>
<li><a href="#">2번 메뉴</a></li>
<li><a href="#">3번 메뉴</a></li>
<li><a href="#">4번 메뉴</a></li>
</ul>