bootstrap-magic/3.1/preview/pagination.html at master · csseditor/bootstrap-magic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<section class="row">
	<div class="col-md-12">

		<section class="row">
			<div class="col-md-6">
			    <ul class="pagination">
			        <li class="disabled"><a href="" title="Bootstrap Themes AngularJS">&laquo;</a></li>
			        <li class="active"><a href="" title="Bootstrap Themes AngularJS">1</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">2</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">3</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">4</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">5</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">6</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">7</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">8</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">&raquo;</a></li>
			    </ul>

			</div>
			<div class="col-md-6">
			    <ul class="pagination">
			        <li><a href="" title="Bootstrap Themes AngularJS">&larr;</a></li>
			        <li class="active"><a href="" title="Bootstrap Themes AngularJS">10</a></li>
			        <li class="disabled"><a href="" title="Bootstrap Themes AngularJS">...</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">20</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">30</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">40</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">50</a></li>
			        <li><a href="" title="Bootstrap Themes AngularJS">&rarr;</a></li>
			    </ul>
			</div>

		</section>
		<div>
			<ul class="pagination pagination-lg">
				<li><a href="" title="Bootstrap Themes AngularJS">1</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">2</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">3</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">4</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">5</a></li>
			</ul>
		</div>
		<div>
			<ul class="pagination">
				<li><a href="" title="Bootstrap Themes AngularJS">1</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">2</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">3</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">4</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">5</a></li>
			</ul>
		</div>
		<div>
			<ul class="pagination pagination-sm">
				<li><a href="" title="Bootstrap Themes AngularJS">1</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">2</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">3</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">4</a></li>
		        <li><a href="" title="Bootstrap Themes AngularJS">5</a></li>
			</ul>
		</div>

		<ul class="pager">
			<li class="previous">
				<a href="" title="Bootstrap Themes AngularJS">&larr; Older</a>
			</li>
			<li class="next">
				<a href="" title="Bootstrap Themes AngularJS">Newer &rarr;</a>
			</li>
		</ul>

		<ul class="pager">
			<li><a href="" title="Bootstrap Themes AngularJS">Previous</a></li>
			<li><a href="" title="Bootstrap Themes AngularJS">Next</a></li>
		</ul>
	</div>
</section>