Bootstrap responsive Hinweise

    Benutzerdefinierte responsive Bootstrap Hinweise mit Font Awesome Icons

    1. Font Awesome einbinden, falls noch nicht geschehen
    2. Datei "custom-bootstrap-fontawesome-.css" herunterladen
    3. Datei "custom-bootstrap-fontawesome.css" in das Verzeichnis "/bl-themes/[theme]/css/" hochladen
      [theme] = Name des aktiven Bludit-Themes
    4. Plugin "HTML-Code" aktivieren
      1. Bludit Backend > EINSTELLUNGEN > Plugins > HTML-Code > Aktivieren
    5. Code zum Laden das benutzerdefinierten Bootstrap und Font Awesome CSS einbinden
      1. Bludit Backend > EINSTELLUNGEN > Plugins > HTML-Code > Einstellungen > Website > Head
      2. Folgenden Text einfügen
        <!-- Load Bootstrap and Font Awesome custom styles -->
<link href="https://[example.org]/bl-themes/[theme]/css/bootstrap-fontawesome-custom.css" rel="stylesheet">
        [example.org] = Domain der Bludit-Installation
        [theme] = Name des aktiven Bludit-Themes
      3. Speichern

    PHP v8.1.22Bludit PRO v3.15.0HTML-Code v3.15.0Bootstrap v4.6.2Font Awesome Free v5.15.4

    Custom Bootstrap alerts

    Custom Bootstrap alerts - 1 Zeile

    This is an square alert. Example text to show it in action.
    This is an attachment alert. Example text to show it in action.
    This is an comment alert. Example text to show it in action.
    This is an danger alert. Example text to show it in action.
    This is an download alert. Example text to show it in action.
    This is an info alert. Example text to show it in action.
    This is an success alert. Example text to show it in action.
    This is an text alert. Example text to show it in action.
    This is an tip alert. Example text to show it in action.
    This is an video alert. Example text to show it in action.
    This is an warning alert. Example text to show it in action.

    Custom Bootstrap alerts - 2 Zeilen

    This is an square alert. Example text to show it in action.
    This is an square alert. Example text to show it in action.
    This is an attachment alert. Example text to show it in action.
    This is an attachment alert. Example text to show it in action.
    This is an comment alert. Example text to show it in action.
    This is an comment alert. Example text to show it in action.
    This is an danger alert. Example text to show it in action.
    This is an danger alert. Example text to show it in action.
    This is an download alert. Example text to show it in action.
    This is an download alert. Example text to show it in action.
    This is an info alert. Example text to show it in action.
    This is an info alert. Example text to show it in action.
    This is an success alert. Example text to show it in action.
    This is an success alert. Example text to show it in action.
    This is an text alert. Example text to show it in action.
    This is an text alert. Example text to show it in action.
    This is an tip alert. Example text to show it in action.
    This is an tip alert. Example text to show it in action.
    This is an video alert. Example text to show it in action.
    This is an video alert. Example text to show it in action.
    This is an warning alert. Example text to show it in action.
    This is an warning alert. Example text to show it in action.

    Custom Bootstrap alerts - 3 Zeilen

    This is an square alert. Example text to show it in action.
    This is an square alert. Example text to show it in action.
    This is an square alert. Example text to show it in action.
    This is an attachment alert. Example text to show it in action.
    This is an attachment alert. Example text to show it in action.
    This is an attachment alert. Example text to show it in action.
    This is an comment alert. Example text to show it in action.
    This is an comment alert. Example text to show it in action.
    This is an comment alert. Example text to show it in action.
    This is an danger alert. Example text to show it in action.
    This is an danger alert. Example text to show it in action.
    This is an danger alert. Example text to show it in action.
    This is an download alert. Example text to show it in action.
    This is an download alert. Example text to show it in action.
    This is an download alert. Example text to show it in action.
    This is an info alert. Example text to show it in action.
    This is an info alert. Example text to show it in action.
    This is an info alert. Example text to show it in action.
    This is an success alert. Example text to show it in action.
    This is an success alert. Example text to show it in action.
    This is an success alert. Example text to show it in action.
    This is an text alert. Example text to show it in action.
    This is an text alert. Example text to show it in action.
    This is an text alert. Example text to show it in action.
    This is an tip alert. Example text to show it in action.
    This is an tip alert. Example text to show it in action.
    This is an tip alert. Example text to show it in action.
    This is an video alert. Example text to show it in action.
    This is an video alert. Example text to show it in action.
    This is an video alert. Example text to show it in action.
    This is an warning alert. Example text to show it in action.
    This is an warning alert. Example text to show it in action.
    This is an warning alert. Example text to show it in action.