breadcrumb

templates/post.html

@@ -1,19 +1,26 @@
 <LINK href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
+
+
 <div class="container">
   <div class="row">
     <div class="col-12">
-
+<nav class="breadcrumb" style="background-color: #FFF">
+{% for b in pagebreadcrumbs %}
+<a href="{{url_for('post',name=b.path)}}" class="breadcrumb-item">{{b.title}} </a>
+{% endfor %}
+<a href="{{url_for('post',name=post.path)}}" class="breadcrumb-item active">{{post.title}} </a>
+</nav>
 <h1>{{post.title}}</h1>
 {{post.date}}
 {{ post.html|safe }}
 
 <br>
 
-Unterordner: 
-<ul>
+<b id="up_head"> Unterordner:  </b>
+<ul class="nav flex-column" labeledby="uo_head">
 {% for d in spi %}
-<li>
-  <a href="{{url_for('post',name=d['path'])}}">{{d.title}} {{'/'.join(d.path.split('/')[-2:-1])}}</a>
+<li class="nav-item">
+  <a href="{{url_for('post',name=d['path'])}}" class="nav-link">{{d.title}} {{'/'.join(d.path.split('/')[-2:-1])}}</a>
 </li>
 {% endfor %}
 </ul>