Paginations

Basic Pagination

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul class="pagination">
<li class="disabled"><a href="#">&laquo;</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="#">&raquo;</a></li>
</ul>
 
<ul class="pager">
<li><a href="#">&laquo; Previous</a></li>
<li><a href="#">Next &raquo;</a></li>
</ul>

Line Pagination Style

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<ul class="pagination pagination-border">
<li class="disabled"><a href="#">&laquo;</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="#">&raquo;</a></li>
</ul>
 
<ul class="pager pager-border">
<li><a href="#">&laquo; Previous</a></li>
<li><a href="#">Next &raquo;</a></li>
</ul>

Different Sizes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<ul class="pagination pagination-sm">
...
</ul>
 
<ul class="pagination pagination">
...
</ul>
 
<ul class="pagination pagination-lg">
...
</ul>
 
<ul class="pagination pagination-border pagination-sm">
...
</ul>
 
<ul class="pagination pagination-border pagination">
...
</ul>
 
<ul class="pagination pagination-border pagination-lg">
...
</ul>


Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *