diff --git a/djadmin2/templates/admin2/bootstrap/base.html b/djadmin2/templates/admin2/bootstrap/base.html
new file mode 100644
index 0000000..06daaf9
--- /dev/null
+++ b/djadmin2/templates/admin2/bootstrap/base.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>django-admin2</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Bootstrap -->
+    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+  </head>
+  <body>
+    <div class="container-fluid">
+      {% block content %}{% endblock %}
+    </div>
+
+    <script src="http://code.jquery.com/jquery.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+    {% block extrajs %}{% endblock %}
+
+  </body>
+</html>
\ No newline at end of file
diff --git a/djadmin2/templates/admin2/bootstrap/index.html b/djadmin2/templates/admin2/bootstrap/index.html
index 2a524a3..402f1df 100644
--- a/djadmin2/templates/admin2/bootstrap/index.html
+++ b/djadmin2/templates/admin2/bootstrap/index.html
@@ -1,5 +1,6 @@
-<html>
-<body>
+{% extends "admin/base.html" %}
+
+{% block content %}
 <h1>Index</h1>
 
 <table>
@@ -7,6 +8,4 @@
     <tr><td>{{ obj. }}</td></tr>
 {% endfor %}
 </table>
-
-</body>
-</html>
\ No newline at end of file
+{% endblock content %}
