fixed examples/layout for bootstrap v3

examples/layout/static/layout.css

@@ -5,16 +5,14 @@ body {
 #content {
 	background: white;
 	border: 1px solid #CCC;
-	padding: 12px;
-	overflow: scroll;
+	padding: 5px 20px 30px 35px;
 }
 
-#brand {
-	float: left;
-	font-weight: 300;
-	margin: 0;
+html, body, .container, .row, .col-md-2, .col-md-10, #content {
+    height: 100%;
 }
 
+
 .search-form {
 	margin: 0 5px;
 }
@@ -30,7 +28,8 @@ body {
 
 .btn-menu a, .btn-menu input {
 	padding: 7px 16px !important;
-	border-radius: 0 !important;
+	border-radius: 1px !important;
+	border-color: #ccc;
 }
 
 .btn, textarea, input[type], button, .model-list {
@@ -47,4 +46,8 @@ body {
 
 .select2-container .select2-choice {
 	border-radius: 0;
+}
+
+a.dropdown-toggle b.caret {
+    margin-left: 5px;
 }
\ No newline at end of file

examples/layout/templates/admin/index.html

 {% extends 'admin/master.html' %}
 {% block body %}
 {{ super() }}
-<div class="row-fluid">
+<div class="row">
     <h1>Flask-Admin example</h1>
     <p class="lead">
         Customize the layout
@@ -14,4 +14,4 @@
     </p>
     <a class="btn btn-primary" href="/"><i class="icon-arrow-left icon-white"></i> Back</a>
 </div>
-{% endblock body %}
\ No newline at end of file
+{% endblock body %}

examples/layout/templates/layout.html

@@ -9,22 +9,21 @@
 {% block page_body %}
 <div class="container">
   <div class="row">
-    <div class="span2">
+    <div class="col-md-2" role="navigation">
       <ul class="nav nav-pills nav-stacked">
-        {{ layout.menu() }}
-        {{ layout.menu_links() }}
+	{{ layout.menu() }}
+	{{ layout.menu_links() }}
       </ul>
     </div>
-    <div class="span10">
-      <div id="content">
-        {% block brand %}
-          <h2 id="brand">{{ admin_view.name|capitalize }}</h2>
-          <div class="clearfix"></div>
-        {% endblock %}
-        {{ layout.messages() }}
-        {% block body %}{% endblock %}
+    <div class="col-md-10">
+      <div id="content" class="row">
+	{% block brand %}
+	<h2 id="brand">{{ admin_view.name|capitalize }}</h2>
+	{% endblock %}
+	{{ layout.messages() }}
+	{% block body %}{% endblock %}
       </div>
-    </div>
+     </div>
   </div>
 </div>
 {% endblock %}