|
|
` etiqueta.
2. Estrutura HTML:
- Adicione o elemento ao qual deseja anexar uma dica de ferramenta.
- Envolva o texto ou elemento, como um botão, com uma tag âncora `` com atributos HTML específicos.
- Dentro da tag ``, inclua um atributo `title` que especifica o conteúdo da dica de ferramenta.
```html
Passe o mouse sobre mim
```
3. Inicialização JavaScript:
- Inicialize as dicas de ferramentas usando JavaScript incluindo a seguinte linha:
```javascript
var tooltipTriggerList =document.querySelectorAll('[data-bs-toggle="tooltip"]');
var tooltipList =[...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl));
```
4. Adicionar configuração adicional:
- Especifique o posicionamento da dica de ferramenta modificando o atributo data-placement na tag ``, por exemplo `data-placement="top"` para dica acima do elemento ou `data-placement="bottom"`.
Anterior : Como criar Bootstrap 5 Scrollspy? |
Próximo : Como criar uma página paralaxe de largura total com Bootstrap? |