Change the nav bar to nav-pills

IPython/html/static/tree/js/notebooklist.js

@@ -192,7 +192,7 @@ var IPython = (function (IPython) {
         var item = $('<div/>').addClass("list_item").addClass("row");
         // item.addClass('list_item ui-widget ui-widget-content ui-helper-clearfix');
         // item.css('border-top-style','none');
-        item.append($("<div/>").addClass("span12").append(
+        item.append($("<div/>").addClass("col-md-12").append(
             $('<i/>').addClass('item_icon')
         ).append(
             $("<a/>").addClass("item_link").append(

IPython/html/templates/notebook.html

@@ -49,7 +49,7 @@ class="notebook_app"
 <div class="navbar">
   <div class="navbar-inner">
     <div class="container">
-    <ul id="menus" class="nav">
+    <ul id="menus" class="nav nav-pills">
         <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">File</a>
             <ul id="file_menu" class="dropdown-menu">
                 <li id="new_notebook"