Breadcrumbs via Bootstrap

Ethan Karla 389 28 Jul 2021

How to make breadcrumbs via Bootstrap?

Ask by Ethan Karla

Updated 28 Jul 2021

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!

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

Breadcrumbs via Bootstrap

Can you answer this question?

1 Answers