Themes Leave a comment
x
 
1
<section>
2
    <h2>Default</h2>
3
    <p>
4
        The basic horizontal size of paging is 100%.
5
        So, if you want to limit the horizontal size, you need to specify it as follows.
6
    </p>
7
    <p>
8
        <div class="paging" style="width: 500px;">
9
            <a href="#" class="prev">Previous</a>
10
            <div class="list">
11
                <a href="#">1</a>
12
                <a href="#" class="active">2</a>
13
                <a href="#">3</a>
14
                <a href="#">4</a>
15
                <a href="#">5</a>
16
            </div>
17
            <a href="#" class="next">Next</a>
18
        </div>
19
    </p>
20
    <br/><br/>
21
22
    <p>
23
        Paging provides the <strong>large</strong> option for a bigger size.
24
    </p>
25
    <p>
26
        <div class="paging large">
27
            <a href="#" class="prev">Previous</a>
28
            <div class="list">
29
                <a href="#">1</a>
30
                <a href="#" class="active">2</a>
31
                <a href="#">3</a>
32
                <a href="#">4</a>
33
                <a href="#">9</a>
34
                <a href="#">...</a>
35
                <a href="#">100</a>
36
            </div>
37
            <a href="#" class="next">Next</a>
38
        </div>
39
    </p>
40
</section>

Result
API