Tooltips und Popover mit Bootstrap

CSS und andere hilfreiche Anweisungen
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Tooltips und Popover mit Bootstrap

Ungelesener Beitrag von Tommy Herrmann »

"Tooltips" sind Hinweise, die man anstelle vom HTML "title" Attribut verwenden kann. Bei Mausüber erscheint dann ein Hinweis.

Ich hatte mir ja vor einigen Jahren mal die Arbeit gemacht und mich mit den "Tooltips" von "Bootstrap 4" beschäftigt:

https://www.mobirise-tutorials.com/Busi ... oltip.html

... nun habe ich heute fast den gesamten Tag damit verbracht das auch für "Bootstrap 5" zu realisieren und musste feststellen, dass alles anders ist. Insbesondere habe ich lange an der CSS verbracht, um die Farbe der Tooltips vom Default-Schwarz in Rot zu ändern

Wenn ihr also diese Tooltips auch in "Bootstrap 5" verwenden wolltet, dann guckt bitte meine Anleitungen hier:

https://www.mobirise-tutorials.com/Test ... eatures3-a


Tooltip.jpg


Hier die Variante "Popover" mit "Bootstrap 5". Ein kleines Fenster öffnet sich, indem auch HTML-Code möglich ist:

https://www.mobirise-tutorials.com/Test ... ml#Popover


Popover.jpg


... oder win Popover-Fenster mit einem Bild:


Popover-mit-Image.jpg
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 7 Gäste