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
.pagination, .page-item, .page-link
Active/Disabled State
.active, .disabled
.active, .disabled
Pagination Sizing
.pagination-lg, .pagination-sm
.pagination-lg, .pagination-sm
Breadcrumbs
.breadcrumb, .breadcrumb-item
.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 - How To Use Table and Contextual classes in Bootstrap 4.0 - Video 4
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
@ghulammujtaba, I always try to support who contribute to open source project, upvote you.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for your support, @steemitstats
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Thank you.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
Hey @ghulammujtaba I am @utopian-io. I have just upvoted you!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit