Updated notebook template so menubar is rendered correctly

IPython/html/templates/notebook.html

@@ -46,10 +46,9 b' class="notebook_app"'
 
 <div id="menubar-container" class="container">
 <div id="menubar">
-<div class="navbar">
-  <div class="navbar-inner">
-    <div class="container">
-    <ul id="menus" class="nav nav-pills">
+    <div id="menus" class="navbar navbar-default" role="navigation">
+        <div class="container-fluid">
+            <ul class="nav navbar-nav">
         <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">File</a>
             <ul id="file_menu" class="dropdown-menu">
                 <li id="new_notebook"
@@ -255,6 +254,10 b' class="notebook_app"'
             </ul>
         </li>
     </ul>
+        </div>
+    </div>
+
+    <!-- float to the right of the menu bar -->
     <div id="kernel_indicator" class="indicator_area pull-right">
        <i id="kernel_indicator_icon"></i>
     </div>
@@ -263,9 +266,6 b' class="notebook_app"'
     </div>
     <div id="notification_area"></div>
     </div>
-  </div>
-</div>
-</div>
 <div id="maintoolbar" class="navbar">
   <div class="toolbar-inner navbar-inner navbar-nobg">
     <div id="maintoolbar-container" class="container"></div>