Add Bootstrap5 template then set it to default (#25)

Author: enderlinp

README.md

@@ -46,8 +46,9 @@ The Config file consists of two properties.
 
 The `$template` property sets the path to the View file which will be used to format your
 alerts. The default template has HTML tags and classes designed for use with
-[Bootstrap 4 Alerts](https://getbootstrap.com/docs/4.6/components/alerts/), but the library
+[Bootstrap 5 Alerts](https://getbootstrap.com/docs/5.2/components/alerts/), but the library
 includes additional templates for you to choose:
+* `Tatter\Alerts\Views\Bootstrap4`: Compatible with the Bootstrap 4 CSS Framework
 * `Tatter\Alerts\Views\Foundation`: Compatible with the Foundation CSS Framework
 * `Tatter\Alerts\Views\Vanilla`: A framework-free implementation, with classes available for your own CSS styling
 

src/Config/Alerts.php

@@ -9,7 +9,7 @@ class Alerts extends BaseConfig
     /**
      * Template to use for HTML output.
      */
-    public string $template = 'Tatter\Alerts\Views\Bootstrap4';
+    public string $template = 'Tatter\Alerts\Views\Bootstrap5';
 
     /**
      * Mapping of Session keys to their CSS classes.

src/Views/Bootstrap5.php

@@ -0,0 +1,9 @@
+
+<?php foreach ($alerts as $alert): ?>
+<?php [$class, $content] = $alert; ?>
+	<div role="alert" class="alert alert-<?= $class ?> alert-dismissible fade show">
+		<?= $content ?>
+
+		<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+	</div>
+<?php endforeach; ?>