<!DOCTYPE html>
<html lang="ko">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>부트스트랩 컴포넌트</h1>
<h2>.nav-tabs 탭</h2>
<ul class="nav nav-tabs">
<li class="presentation active"><a href="">전체</a></li>
<li class="presentation"><a href="">개봉작</a></li>
<li class="presentation"><a href="">상영예정작</a></li>
<li class="presentation"><a href="">영화평점</a></li>
<li class="presentation"><a href="">추천영화</a></li>
</ul>
<h2>.pagination 페이징</h2>
<ul class="pagination">
<li><a href="">«</a></li>
<li class="active"><a href="">1</a></li>
<li><a href="">2</a></li>
<li><a href="">3</a></li>
<li><a href="">4</a></li>
<li><a href="">5</a></li>
<li><a href="">6</a></li>
<li><a href="">7</a></li>
<li><a href="">8</a></li>
<li><a href="">9</a></li>
<li><a href="">10</a></li>
<li><a href="">»</a></li>
</ul>
</div>
</body>
</html>
'부트스트랩' 카테고리의 다른 글
demo12-dashboard (0) | 2019.06.09 |
---|---|
demo11-nav (0) | 2019.06.09 |
demo9-component (0) | 2019.06.09 |
demo8-grid (0) | 2019.06.09 |
demo6-grid (0) | 2019.06.09 |