제목 : Bootstrap3 - Components - Breadcrumb, Pagination, Pager
글번호:
|
|
4
|
작성자:
|
|
Administrator ( 레드플러스 / redplus@live.com )
|
작성일:
|
|
2014/09/06 오전 2:39:28
|
조회수:
|
|
2728
|
파일:
|
|
(다운로드 권한이 없습니다.)
|
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link href="../Content/bootstrap.css" rel="stylesheet" />
<link href="../Content/bootstrap-theme.css" rel="stylesheet" />
</head>
<body>
<h1>breadcrumb</h1>
<ol class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Library</a></li>
<li class="active">Data</li>
</ol>
<h1>pagination</h1>
<ul class="pagination">
<li class="disabled"><a href="#">«</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li class="active">
<a href="#">3 <span class="sr-only">(current)</span></a>
</li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li><a href="#">»</a></li>
</ul>
<h1>pager</h1>
<ul class="pager">
<li><a href="#">이전</a></li>
<li><a href="#">다음</a></li>
</ul>
<script src="../Scripts/jquery-1.9.1.js"></script>
<script src="../Scripts/bootstrap.js"></script>
</body>
</html>