update the grid example to use bootstrap 4 cards

Erdiko · Sep 12, 2017 · c28459f · c28459f
1 parent fa501bf
commit c28459f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/templates/grid/item.html b/templates/grid/item.html
@@ -0,0 +1,6 @@
+<div class="card">
+  <img class="card-img-top" src="{{item.image}}" alt="{{item.name}}">
+  <div class="card-block">
+    <h4 class="card-title"><a href="{{item.url}}">{{item.name}}</a></h4>
+  </div>
+</div>
diff --git a/templates/layouts/grid/basic.html b/templates/layouts/grid/basic.html
@@ -1,8 +1,9 @@
 <div class="container-fluid">
-  <div class="row">
-    <h1>{{page.title}}</h1>
+  <h1>{{page.title}}</h1>
+
+  <div class="card-group">
     {% for item in page.items %}
-      {{ include('pages/grid/item.html') }}
+      {{ include('grid/item.html') }}
     {% endfor %}
   </div>
 </div>