부트스트랩3 nav-tabs

부트스트랩 .nav-tabs

1 예시

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script>
 
<ul class='nav nav-tabs'>
    <li><a href='#1'>하나</a></li>
    <li class='active'><a href='#2'>둘</a></li>
    <li><a href='#3'>셋</a></li>
    <li><a href='#4'>넷</a></li>
</ul>

2 같이 보기

• 부트스트랩 .nav-pills
• 부트스트랩 .nav
• 부트스트랩 .list-inline
• 탭 브라우징