Criar trilhas de navegação é essencial para navegar pelo conteúdo em uma hierarquia lógica. Bootstrap 5 fornece uma maneira simples de conseguir isso com seus elementos `ol` e `li`. Aqui está um guia passo a passo sobre como criar breadcrumbs do Bootstrap 5:

Etapa 1:Crie a estrutura básica

Comece criando uma lista ordenada (`

`) elemento. Cada item nesta lista representa um link de localização atual.
```html




```
Etapa 2:adicionar links de localização atual

Dentro do `
` elemento, adicione `
1. `elementos para cada link de localização atual. Use o atributo `class` para atribuir a classe "breadcrumb-item" a cada `
2. `elemento.
   Para o último item de localização atual, adicione a classe `ativa` adicional.
   ```html
   
   
   
   1. Página inicial
   
   
   2. Biblioteca
   
   
   3. Dados
   
   
   
   ```
   
   Etapa 3:adicionar atributos de link
   
   Se seus links de localização atual devem redirecionar para páginas diferentes, você pode adicionar os atributos HTML necessários às tags âncora (``) dentro do `
3. `elementos. Por exemplo, para vincular à página “Home”, você pode adicionar o atributo `href` e especificar o URL do link.
   ```html
   
4. Página inicial

```

Etapa 4:personalize a localização atual

Bootstrap fornece algumas classes modificadoras para personalizar a aparência de sua localização atual. Você pode usar as seguintes classes para aprimorar ainda mais sua localização atual:

* `.breadcrumb-arrows`:Adiciona setas entre os itens da localização atual
* `.breadcrumb-dots`:Adiciona pontos entre os itens da localização atual
* `.breadcrumb-slash`:Adiciona barras entre os itens da localização atual
* `.breadcrumb-dashed`:Adiciona um sublinhado tracejado ao item de localização atual ativo

Etapa 5:exibir a localização atual

Coloque o seu ` Elemento
` com os links de localização atual no local desejado em sua página. O Bootstrap estilizará automaticamente a localização atual com base na sua personalização.

Exemplo de saída

Aqui está um exemplo de como pode ser a localização atual do Bootstrap 5:
```html



1. Página inicial


2. Biblioteca


3. Dados



```

Seguindo essas etapas, você pode criar e personalizar facilmente a localização atual do Bootstrap 5 para aprimorar a experiência do usuário e fornecer uma navegação clara para seu site ou aplicativo da web.