Bootstrap 4.0 in Urdu/Hindi - How To Create Pagination Using Bootstrap 4.0 - Video 10

What Will I Learn?

• How to create a basic pagination
• Active and Disabled state in pagination
• How to change the size of pagination
• What is breadcrumb pagination and how to create it

Requirements

• Basic HTML and CSS knowledge is required
• Text editor (Brackets, Sublime etc.)

Difficulty

Intermediate

Description

In this tutorial, I have explained how we can add pagination to our website using Bootstrap 4.0 classes. It includes basic pagination, active and disabled state in pagination, changing size of pagination and breadcrumb pagination.

Basic Pagination

.pagination, .page-item, .page-link


Active/Disabled State

.active, .disabled


Pagination Sizing

.pagination-lg, .pagination-sm


Breadcrumbs

.breadcrumb, .breadcrumb-item


Video Tutorial

Github Repository

github.com/twbs/bootstrap

Curriculum

Bootstrap 4.0 in Urdu/Hindi - What is Bootstrap? CDN and Downloading Bootstrap 4 - Video 1

Bootstrap 4.0 in Urdu/Hindi - How To Use Bootstrap 4 Grid System and Container Classes - Video 2

Bootstrap 4.0 in Urdu/Hindi - Typography in Bootstrap 4.0 and How to use Text Colors and Background Colors classes - Video 3

Bootstrap 4.0 in Urdu/Hindi - How To Use Table and Contextual classes in Bootstrap 4.0 - Video 4

Bootstrap 4.0 in Urdu/Hindi - How To Use Image Classes In Bootstrap 4.0 (Shapes, Alignment and Responsiveness) - Video 5

Bootstrap 4.0 in Urdu/Hindi - How To Change Button Styles in Bootstrap 4.0 - Video 6

Bootstrap 4.0 in Urdu/Hindi - How To Create Button Groups - Video 7

Bootstrap 4.0 in Urdu/Hindi - How To Create Badges in Bootstrap 4.0 - Video 8

Bootstrap 4.0 in Urdu/Hindi - How To Make Progress Bars - Video 9

---

Posted on Utopian.io - Rewarding Open Source Contributors

---