Update 'sqla' example to use Bootstrap 3.

examples/sqla/app.py

@@ -144,7 +144,7 @@ class TreeView(sqla.ModelView):
 
 
 # Create admin
-admin = admin.Admin(app, name='Example: SQLAlchemy')
+admin = admin.Admin(app, name='Example: SQLAlchemy', template_mode='bootstrap3')
 
 # Add views
 admin.add_view(UserAdmin(User, db.session))

examples/sqla/app2.py

@@ -50,7 +50,7 @@ class TyreAdmin(sqla.ModelView):
     form_columns = ['car', 'tyre_id', 'desc']
 
 # Create admin
-admin = admin.Admin(app, name='Example: SQLAlchemy2')
+admin = admin.Admin(app, name='Example: SQLAlchemy2', template_mode='bootstrap3')
 admin.add_view(CarAdmin(Car, db.session))
 admin.add_view(TyreAdmin(Tyre, db.session))
 

examples/sqla/templates/admin/index.html

 {% extends 'admin/master.html' %}
 {% block body %}
 {{ super() }}
-<div class="row">
-  <div class="span10 offset1">
+<div class="container">
+    <div class="row">
+        <div class="col-sm-10 col-sm-offset-1">
             <h1>Flask-Admin example</h1>
             <p class="lead">
                 Basic SQLAlchemy model views.
@@ -13,7 +14,8 @@
             <p>
                 The views are generated automatically, but it is perfectly possible to customize them to suit your needs.
             </p>
-    <a class="btn btn-primary" href="/"><i class="icon-arrow-left icon-white"></i> Back</a>
+            <a class="btn btn-primary" href="/"><i class="glyphicon glyphicon-chevron-left"></i> Back</a>
+        </div>
     </div>
 </div>
 {% endblock body %}