---
title: "How to create a breadcrumb through Bootstrap?"
description: "How to create a breadcrumb through Bootstrap?"
author: "Ethan Karla"
published: 2021-07-28
canonical: https://answers.mindstick.com/qa/93863/how-to-create-a-breadcrumb-through-bootstrap
category: "web application"
tags: ["web development", "web application development"]
reading_time: 2 minutes
---
# How to create a breadcrumb through Bootstrap?
How to create a breadcrumb through [Bootstrap](https://www.mindstick.com/articles/43948/top-free-resources-for-learning-and-perfecting-bootstrap-programming)?
## Answers
### Answer by Ravi Vishwakarma
When we open our website or any page inside it, we see a circular spinning wheel which we call loader, in bootstrap, we have a loader also called spinner which we can use on our website. We are using breadcrumbs for pagination. we are using the '.breadcrumb' class to create a pagination body and using the '.breadcrumb-item' class to add data in the pagination body. we write the '.breadcrumb' class in 'ol' tag and '.breadcrumb-item' class in 'li' tag.
## Pagination Classes
1. .pagination
2. .active
3. .disabled
4. .pagination-lg
5. .pagination-sm
6. .breadcrumb
```
Breadcrumb demo