Updated to use @fyockm bootstrap-css-only repo. Changed header markup to use bootstrap 3

Author: mrjasonweaver

app/views/includes/head.jade

@@ -19,8 +19,8 @@ head
   meta(property='og:site_name', content='MEAN - A Modern Stack')
   meta(property='fb:admins', content='APP_ADMIN')
 
-  link(rel='stylesheet', href='/lib/bootstrap-css/index.css')
-  link(rel='stylesheet', href='/lib/bootstrap-responsive-css/index.css')
+  link(rel='stylesheet', href='/lib/bootstrap-css-only/css/bootstrap.min.css')
+  link(rel='stylesheet', href='/lib/bootstrap-css-only/css/bootstrap-theme.min.css')
   link(rel='stylesheet', href='/css/common.css')
 
   link(rel='stylesheet', href='/css/views/articles.css')

app/views/layouts/default.jade

@@ -2,7 +2,7 @@
 html(lang='en', xmlns='http://www.w3.org/1999/xhtml', xmlns:fb='https://www.facebook.com/2008/fbml', itemscope='itemscope', itemtype='http://schema.org/Product')
   include ../includes/head
   body
-    header.navbar.navbar-fixed-top.navbar-inverse(data-ng-include="'views/header.html'")
+    .navbar.navbar-inverse.navbar-fixed-top(data-ng-include="'views/header.html'", data-role="navigation")
     section.content
       section.container
         block content

bower.json

@@ -2,12 +2,11 @@
     "name": "mean",
     "version": "1.0.0",
     "dependencies": {
-        "bootstrap-css": "https://raw.github.com/twbs/bootstrap/v2.3.2/docs/assets/css/bootstrap.css",
-        "bootstrap-responsive-css": "https://raw.github.com/twbs/bootstrap/v2.3.2/docs/assets/css/bootstrap-responsive.css",
+        "bootstrap-css-only": "latest",
         "angular": "~1.0.6",
         "angular-resource": "~1.0.6",
         "angular-cookies": "~1.0.6",
-        "angular-bootstrap": "~0.4.0",
+        "angular-bootstrap": "latest",
         "angular-ui-utils": "0.0.4",
         "json3": "~3.2.4"
     }

public/views/header.html

@@ -1,28 +1,30 @@
-<div class="navbar-inner" data-ng-controller="HeaderController">
-    <ul class="nav">
-        <li>
-            <a class="brand" href="/">MEAN - A Modern Stack</a>
-        </li>
-        <li data-ng-repeat="item in menu" data-ng-show="global.user" ui-route="/{{item.link}}" ng-class="{active: $uiRoute}">
-            <a href="#!/{{item.link}}">{{item.title}}</a>
-        </li>
-    </ul>
-    <ul class="nav pull-right" data-ng-hide="global.authenticated">
-        <li><a href="signup">Signup</a>
-        </li>
-        <li class="divider-vertical"></li>
-        <li><a href="signin">Signin</a>
-        </li>
-    </ul>
-    <ul class="nav pull-right" data-ng-show="global.authenticated">
-        <li class="dropdown">
-            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
-				{{global.user.name}} <b class="caret"></b>
-			</a>
-            <ul class="dropdown-menu">
-                <li><a href="/signout">Signout</a>
-                </li>
-            </ul>
-        </li>
-    </ul>
+<div class="container" data-ng-controller="HeaderController">
+    <div class="navbar-header">
+        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+        </button>
+        <a class="navbar-brand" href="/">MEAN - A Modern Stack</a>        
+    </div>
+    <div class="navbar-collapse collapse">
+        <ul class="nav navbar-nav">
+            <li data-ng-repeat="item in menu" data-ng-show="global.user" ui-route="/{{item.link}}" ng-class="{active: $uiRoute}">
+                <a href="#!/{{item.link}}">{{item.title}}</a>
+            </li>
+        </ul>
+        <ul class="nav navbar-nav navbar-right" data-ng-hide="global.authenticated">
+            <li><a href="signup">Signup</a></li>
+            <li class="divider-vertical"></li>
+            <li><a href="signin">Signin</a></li>
+        </ul>
+        <ul class="nav navbar-nav navbar-right" data-ng-show="global.authenticated">
+            <li class="dropdown">
+                <a href="#" class="dropdown-toggle" data-toggle="dropdown">{{global.user.name}} <b class="caret"></b></a>
+                <ul class="dropdown-menu">
+                    <li><a href="/signout">Signout</a></li>
+                </ul>
+            </li>
+        </ul>
+    </div>
 </div>