7-6. 페이지 내비게이션
■ 페이지 내비게이션
여러 페이지가 있는 웹사이트가 있다면 각 페이지에 페이지 번호를 매기고 링크를 걸때 사용합니다.
기본 페이지 내비게이션을 만들려면 <ul> 요소에 클래스 .pagination을 추가합니다. 그런 다음 각 <li>요소에
클래스 .page-item를 추가하고, 각 링크에는 클래스 .page-link를 추가합니다.
<div class="dropdown mt-3">
<nav aria-label="Page navigation example">
<ul class="pagination justify-content-center">
<li class="page-item disabled">
<a class="page-link">Previous</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item active" aria-current="page">
<a class="page-link" href="#">2</a>
</li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#">Next</a>
</li>
</ul>
</nav>
</div>
ex7-6.html의 실행 결과
