code.toonLenkens.nl

Bootstrap 5 code


Bootstrap 5 Stylesheet (.css)

Invoegen binnen de in <head>-tag van html.

<!-- code Bootstrap 5.0.2 css -->
<link href="https://code.toonlenkens.nl/bootstrap5/css/bootstrap.min.css" rel="stylesheet">

Bootstrap 5 Javascript (.js)

Invoegen vlak voor einde van de <body>-tag van html.

<!-- code Bootstrap 5.0.2 JS -->
<script src="https://code.toonlenkens.nl/bootstrap5/js/bootstrap.bundle.min.js"></script>

Bootstrap 5 optionele code

Bootstrap 5 optionele code en componenten.

Hieronder een opsomming van een aantal optionele extenties.

  • ICONS_
  • FORM_VALIDATION
  • POPPER_REQUIRED_FOR_TOOLTIPS_POPOVER_MESSAGES
  • SCRIPT_TO_ACTIVATE_TOOLTIPS_POPOVER_MESSAGES

Bootstrap 5 icons

Bootstrap 5 icons (zie https://icons.getbootstrap.com/)

Invoegen na bootstrap css in <head>-tag van html.

<!-- code Bootstrap Icons -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css"></script>

Bootstrap 5 icons

Bootstrap 5 icons (zie https://icons.getbootstrap.com/)

Invoegen na bootstrap css in <head>-tag van html.

<!-- code Bootstrap Icons -->
<script src="https://code.toonlenkens.nl/bootstrap5/bootstrap-icons.css"></script>

Bootstrap 5 Form validation

<!-- code Bootstrap Form validation -->
<script src="https://code.toonlenkens.nl/bootstrap5/js/validate.js"></script>