Come creare e posizionare un tiro di strumento in bootstrap 5
ToolTip è una piccola casella popup che appare quando un utente sposta il cursore su un pulsante o un collegamento che fornisce l'utente, la conoscenza o un suggerimento su quel pulsante o collegamento specifico. I titoli sono utili per i nuovi utenti di un sito Web per salvarli dalla confusione o per qualsiasi tipo di problema durante l'esplorazione del tuo sito Web.
Questo articolo ti insegnerà
- Creazione di titoli in bootstrap 5
- Posizionazioni di posizioni
Come creare ToolTip
Per creare un utilizzo della descrizione di strumenti, attributo dati "data-bs-toggle = ”ToolTip" nel tuo tag o tag e il testo che viene mostrato in ToolTip deve essere scritto usando l'attributo del titolo.
Tooltip con collegamento
Posiziona il cursore qui
Tooltip con pulsante
$ (documento).ready (function ()
$ ('[data-bs-toggle = "toolTip"]').strumenti ();
);
Ora lascia che ti dica che in bootstrap 5 per creare un titoli dobbiamo aggiungere attributi di dati in tag o tag e anche scrivere un jQuery per abilitarlo. Quindi rompo il processo di creazione in passaggi che ti darà una migliore comprensione.
Passi
La creazione di una descrizione di strumenti in bootstrap 5 è un semplice processo a due fasi
Passo 1: Aggiungere data-bs-toggle = "strumentoTip" e title = "ToolTip Testo va qui" attributi nel tuo o tag.
Tooltip con collegamento
Posiziona il cursore qui
Tooltip con pulsante
Passo 2: Abilita i tooltips scrivendo jQuery seguendo il codice
Posizionamento delle descrizioni degli strumenti
Quindi, per posizionare una descrizione di strumenti come requisito Aggiungi data-bs-placement = "in alto/destro/sinistra/basso" alla tua o tag Per modificare la posizione della descrizione utensile.
Conclusione
Le foto degli strumenti vengono create aggiungendo data-bs-toggle = "strumentoTip" e title = "ToolTip Testo va qui" attributi in o tag e abilitalo scrivendo un codice JavaScript. Per il posizionamento solo Aggiungi data-bs-placement = "top/basso/destro/sinistra" attributo o tag.