<!DOCTYPE html>
<
html
>
<
head
>
<
title
>Bootstrap 4 | Pagination</
title
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
link
rel
=
"stylesheet"
href
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
h1
>Bootstrap 4 | Pagination Sizing</
h1
>
<
b
>Large Pagination</
b
>
<
ul
class
=
"pagination pagination-lg"
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>Previous</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>1</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>2</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>3</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>Next</
a
>
</
li
>
</
ul
>
<
b
>Small Pagination</
b
>
<
ul
class
=
"pagination pagination-sm"
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>Previous</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>1</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>2</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>3</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>Next</
a
>
</
li
>
</
ul
>
<
b
>Normal Pagination</
b
>
<
ul
class
=
"pagination"
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>Previous</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>1</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>2</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>3</
a
>
</
li
>
<
li
class
=
"page-item"
>
<
a
class
=
"page-link"
href
=
"#"
>Next</
a
>
</
li
>
</
ul
>
</
div
>
</
body
>
</
html
>