Using the Spring.IO CSS theme (petclinic.css was generated from the springboot branch)

src/main/webapp/scripts/app/fragments/nav.html

@@ -1,29 +1,44 @@
-<nav class="navbar navbar-default">
+<nav class="navbar navbar-default" role="navigation">
-    <div class="container-fluid">
+    <div class="container">
         <div class="navbar-header">
-            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+            <a class="navbar-brand" href="#"><span></span></a>
-                    data-target="#main-navbar" aria-expanded="false">
+            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-navbar">
-                <span class="sr-only">Toggle navigation</span>
+                <span class="sr-only"><os-p>Toggle navigation</os-p></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </button>
-            <a class="navbar-brand" href="#">Pet Clinic</a>
         </div>
+        <div class="navbar-collapse collapse" id="main-navbar">
+            <ul class="nav navbar-nav navbar-right">
+                <li class="active">
+                    <a href="#!/welcome"
+                       title="home page">
+                        <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
+                        <span>Home</span>
 
-        <div class="collapse navbar-collapse" id="main-navbar">
+                    </a>
-            <ul class="nav navbar-nav">
+                </li>
-                <li><a href="#!/welcome">Home</a></li>
 
                 <li class="dropdown">
-                    <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Owners <span class="caret"></span></a>
+                    <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown" role="button"
+                       aria-haspopup="true" aria-expanded="false">Owners<span class="caret"></span>
+                    </a>
                     <ul class="dropdown-menu">
-                        <li><a href="#!/owners">All</a></li>
+                        <li><a href="#!/owners"><span class="glyphicon glyphicon-search" aria-hidden="true"></span><span> All</span></a></li>
-                        <li><a href="#!/new-owner">Register</a></li>
+                        <li><a href="#!/new-owner"><span class="glyphicon glyphicon-plus" aria-hidden="true"></span><span> Register</span></a></li>
                     </ul>
                 </li>
 
-                <li><a href="#!/vets">Vets</a></li>
+                <li class="">
+                    <a href="#!/vets"
+                       title="veterinarians">
+
+                        <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
+                        <span>Veterinarians</span>
+
+                    </a>
+                </li>
             </ul>
         </div>
     </div>

src/main/webapp/scripts/app/fragments/welcome.html

@@ -1,3 +1,7 @@
  <h1>Welcome to Petclinic</h1>
 
- <img src="resources/images/pets.png" alt="pets logo" />
+ <div class="row">
+  <div class="col-md-12">
+   <img class="img-responsive" src="resources/images/pets.png" alt="pets logo" />
+  </div>
+ </div>