8000 .page => .page-item · liuwenye2010/bootstrap@e7edf10 · GitHub
[go: up one dir, main page]
Skip to content

Commit e7edf10

Browse files
cvrebertcvrebert
committed
.page => .page-item
1 parent 0c1df99 commit e7edf10

File tree

3 files changed

+28
-28
lines changed

3 files changed

+28
-28
lines changed

‎docs/components/pagination.md

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -18,18 +18,18 @@ Simple pagination inspired by Rdio, great for apps and search results. The large
1818
{% example html %}
1919
<nav>
2020
<ul class="pagination">
21-
<li class="page">
21+
<li class="page-item">
2222
<a class="page-link" href="#" aria-label="Previous">
2323
<span aria-hidden="true">&laquo;</span>
2424
<span class="sr-only">Previous</span>
2525
</a>
2626
</li>
27-
<li class="page"><a class="page-link" href="#">1</a></li>
28-
<li class="page"><a class="page-link" href="#">2</a></li>
29-
<li class="page" 8000 ><a class="page-link" href="#">3</a></li>
30-
<li class="page"><a class="page-link" href="#">4</a></li>
31-
<li class="page"><a class="page-link" href="#">5</a></li>
32-
<li class="page">
27+
<li class="page-item"><a class="page-link" href="#">1</a></li>
28+
<li class="page-item"><a class="page-link" href="#">2</a></li>
29+
<li class="page-item"><a class="page-link" href="#">3</a></li>
30+
<li class="page-item"><a class="page-link" href="#">4</a></li>
31+
<li class="page-item"><a class="page-link" href="#">5</a></li>
32+
<li class="page-item">
3333
<a class="page-link" href="#" aria-label="Next">
3434
<span aria-hidden="true">&raquo;</span>
3535
<span class="sr-only">Next</span>
@@ -46,20 +46,20 @@ Links are customizable for different circumstances. Use `.disabled` for unclicka
4646
{% example html %}
4747
<nav>
4848
<ul class="pagination">
49-
<li class="page disabled">
49+
<li class="page-item disabled">
5050
<a class="page-link" href="#" aria-label="Previous">
5151
<span aria-hidden="true">&laquo;</span>
5252
<span class="sr-only">Previous</span>
5353
</a>
5454
</li> 8000
55-
<li class="page active">
55+
<li class="page-item active">
5656
<a class="page-link" href="#">1 <span class="sr-only">(current)</span></a>
5757
</li>
58-
<li class="page"><a class="page-link" href="#">2</a></li>
59-
<li class="page"><a class="page-link" href="#">3</a></li>
60-
<li class="page"><a class="page-link" href="#">4</a></li>
61-
<li class="page"><a class="page-link" href="#">5</a></li>
62-
<li class="page">
58+
<li class="page-item"><a class="page-link" href="#">2</a></li>
59+
<li class="page-item"><a class="page-link" href="#">3</a></li>
60+
<li class="page-item"><a class="page-link" href="#">4</a></li>
61+
<li class="page-item"><a class="page-link" href="#">5</a></li>
62+
<li class="page-item">
6363
<a class="page-link" href="#" aria-label="Next">
6464
<span aria-hidden="true">&raquo;</span>
6565
<span class="sr-only">Next</span>
@@ -74,13 +74,13 @@ You can optionally swap out active or disabled anchors for `<span>`, or omit the
7474
{% example html %}
7575
<nav>
7676
<ul class="pagination">
77-
<li class="page disabled">
77+
<li class="page-item disabled">
7878
<span class="page-link" aria-label="Previous">
7979
<span aria-hidden="true">&laquo;</span>
8080
<span class="sr-only">Previous</span>
8181
</span>
8282
</li>
83-
<li class="page active"><span class="page-link">1 <span class="sr-only">(current)</span></span></li>
83+
<li class="page-item active"><span class="page-link">1 <span class="sr-only">(current)</span></span></li>
8484
</ul>
8585
</nav>
8686
{% endexample %}
@@ -93,16 +93,16 @@ Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for
9393
{% example html %}
9494
<nav>
9595
<ul class="pagination pagination-lg">
96-
<li class="page">
96+
<li class="page-item">
9797
<a class="page-link" href="#" aria-label="Previous">
9898
<span aria-hidden="true">&laquo;</span>
9999
<span class="sr-only">Previous</span>
100100
</a>
101101
</li>
102-
<li class="page"><a class="page-link" href="#">1</a></li>
103-
<li class="page"><a class="page-link" href="#">2</a></li>
104-
<li class="page"><a class="page-link" href="#">3</a></li>
105-
<li class="page">
102+
<li class="page-item"><a class="page-link" href="#">1</a></li>
103+
<li class="page-item"><a class="page-link" href="#">2</a></li>
104+
<li class="page-item"><a class="page-link" href="#">3</a></li>
105+
<li class="page-item">
106106
<a class="page-link" href="#" aria-label="Next">
107107
<span aria-hidden="true">&raquo;</span>
108108
<span class="sr-only">Next</span>
@@ -115,16 +115,16 @@ Fancy larger or smaller pagination? Add `.pagination-lg` or `.pagination-sm` for
115115
{% example html %}
116116
<nav>
117117
<ul class="pagination pagination-sm">
118-
<li class="page">
118+
<li class="page-item">
119119
<a class="page-link" href="#" aria-label="Previous">
120120
<span aria-hidden="true">&laquo;</span>
121121
<span class="sr-only">Previous</span>
122122
</a>
123123
</li>
124-
<li class="page"><a class="page-link" href="#">1</a></li>
125-
<li class="page"><a class="page-link" href="#">2</a></li>
126-
<li class="page"><a class="page-link" href="#">3</a></li>
127-
<li class="page">
124+
<li class="page-item"><a class="page-link" href="#">1</a></li>
125+
<li class="page-item"><a class="page-link" href="#">2</a></li>
126+
<li class="page-item"><a class="page-link" href="#">3</a></li>
127+
<li class="page-item">
128128
<a class="page-link" href="#" aria-label="Next">
129129
<span aria-hidden="true">&raquo;</span>
130130
<span class="sr-only">Next</span>

‎scss/_pagination.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
@include border-radius();
77
}
88

9-
.page {
9+
.page-item {
1010
display: inline; // Remove list-style and block-level defaults
1111

1212
&:first-child {

‎scss/mixins/_pagination.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
line-height: $line-height;
88
}
99

10-
.page {
10+
.page-item {
1111
&:first-child {
1212
.page-link {
1313
@include border-left-radius($border-radius);

0 commit comments

Comments
 (0)
0