diff --git a/sitetree/templates/sitetree/menu_bootstrap5.html b/sitetree/templates/sitetree/menu_bootstrap5.html
new file mode 100644
index 00000000..4f3b21cc
--- /dev/null
+++ b/sitetree/templates/sitetree/menu_bootstrap5.html
@@ -0,0 +1,13 @@
+{% load sitetree %}
+<ul class="navbar-nav mr-auto {{ extra_class }}">
+    {% for item in sitetree_items %}
+        <li class="nav-item {% if item.has_children %}dropdown{% endif %}">
+            <a href="{% if item.has_children %}#{% else %}{% sitetree_url for item %}{% endif %}" class="nav-link {% if item.is_current or item.in_current_branch %}active{% endif %} {% if item.has_children %}dropdown-toggle" aria-haspopup="true" id="navitem-{{ item.id }}" data-bs-toggle="dropdown{% endif %}">
+                {{ item.title_resolved }}
+            </a>
+            {% if item.has_children %}
+                {% sitetree_children of item for menu template "sitetree/menu_bootstrap5_dropdown.html" %}
+            {% endif %}
+        </li>
+    {% endfor %}
+</ul>
diff --git a/sitetree/templates/sitetree/menu_bootstrap5_dropdown.html b/sitetree/templates/sitetree/menu_bootstrap5_dropdown.html
new file mode 100644
index 00000000..e6c8c2b3
--- /dev/null
+++ b/sitetree/templates/sitetree/menu_bootstrap5_dropdown.html
@@ -0,0 +1,6 @@
+{% load sitetree %}
+<div class="dropdown-menu" aria-labelledby="navitem-{{ item.id }}">
+    {% for item in sitetree_items %}
+        <a class="dropdown-item {% if item.is_current or item.in_current_branch %}active{% endif %}" href="{% sitetree_url for item %}" {% if item.hint %}title="{{ item.hint }}"{% endif %}>{{ item.title_resolved }}</a>
+    {% endfor %}
+</div>