문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

======Bootstrap Pager======
<WRAP left notice 80%>
  * description : Bootstrap Pager
  * author      : 오션
  * email       : shlim@repia.com
  * lastupdate  : 2021-03-25
</WRAP>
<WRAP clear></WRAP>
\\
=====What is Pager?=====
페이저(Pager)는 또한 페이지 매김(Pagination)의 한 형태입니다. (이전 장에서 설명한대로)\\
\\
페이저는 **이전(previous)** 및 **다음(next)** 버튼 (링크)을 제공합니다.\\
\\
이전 / 다음 버튼을 만들려면 ''%%.pager%%'' 클래스를 ''%%<ul>%%'' 요소에 추가합니다.\\
\\
====예제====
<HTML>
<body>

    <div class="container">
        <h2>Pager</h2>
        <p>The .pager class provides previous and next buttons (links):</p>
        <ul class="pager">
            <li><a href="#">previous</a></li>
            <li><a href="#">Next</a></li>
        </ul>
    </div>

</body>
</HTML>
\\
===Result===
{{:wiki:bootstrap:bootstrap_note:pager.png?600|}}\\
\\
=====Align Buttons=====
''%%.previous%%'' 와 ''%%.next%%'' 클래스를 사용하여 각 버튼을 페이지 측면에 정렬합니다.\\
====예제====
<HTML>
<body>

    <div class="container">
        <h2>Pager - Align Buttons</h2>
        <p>The .previous and .next classes align each link to the sides of the page:</p>
        <ul class="pager">
            <li class="previous"><a href="#">Previous</a></li>
            <li class="next"><a href="#">Next</a></li>
        </ul>
    </div>

</body>
</HTML>
\\
===Result===
{{:wiki:bootstrap:bootstrap_note:pager-align-buttons.png?600|}}\\
\\ 

{{tag>오션 Bootstrap Pager}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

문서 도구