Breadcrumbs via Bootstrap

Ethan Karla 322 28 Jul 2021

How to make breadcrumbs via Bootstrap?

Ethan Karla

Student

An enthusiastic, adaptive, and fast-learning person with a broad and acute interest in the discovery of new innovative drugs, I particularly enjoy collaborating with scientists from different disciplines to develop new skills and solve new challenges.

1 Answers

Anonymous User 03 Aug 2021

Breadcrumbs is a navigation trail at the top of a web page to determine the user's location.

Let's have an example to demonstrate how to use progress-animated bar in Bootstrap :

<!doctype html>

<html lang='en'>

<head>

    <meta charset='utf-8'>

    <meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>

    <link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css' integrity='sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T' crossorigin='anonymous'>

    <title>Breadcrumb Bootstrap</title>

</head>

<body>

    <nav aria-label='breadcrumb'>

        <ol class='breadcrumb'>

            <li class='breadcrumb-item'><a href='#'>Home</a></li>

            <li class='breadcrumb-item'><a href='#'>Services</a></li>

            <li class='breadcrumb-item active' aria-current='page'>Blog</li>

        </ol>

    </nav>

   </body>

</html>

Hope this will help you.

Happy Coding!

forum

Breadcrumbs via Bootstrap

Can you answer this question?

1 Answers