Add the typeahead search with basic styling. re #79

templates/bootstrap/file.html

@@ -55,6 +55,35 @@
 
     .panel-heading { padding: 10px 7px; }
 
+    .tt-dropdown-menu {
+      width: 322px;
+      text-align: left;
+      margin-top: 6px;
+      /*color: #000066;*/
+      padding: 4px 0;
+      background-color: #fff;
+      border: 1px solid #DDD;
+    }
+
+    .tt-header {
+        border-bottom: 1px solid #DDD;
+        font-weight: bold;
+    }
+
+    .tt-suggestion {
+      padding: 3px 20px;
+      line-height: 14px;
+    }
+
+    .tt-suggestion.tt-cursor {
+      /*color: #1c1c1c;*/
+      background-color: #EEE;
+    }
+
+    .tt-suggestion p {
+      margin: 0;
+    }
+
     </style>
 
 {{? it.server_side_rendering == 0}}

templates/bootstrap/header.html

@@ -7,9 +7,15 @@
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
       </button>
-      <a class="navbar-brand" href="{{=it.homeurl}}">{{=it.title}}</a>
+      <a class="navbar-brand" href="#">{{=it.title}}</a>
     </div>
     <div class="collapse navbar-collapse">
+      <form id="searchForm" class="navbar-form navbar-left" role="search">
+        <div class="form-group">
+          <input type="text" class="form-control" placeholder="Search" name="query">
+        </div>
+        <button type="submit" class="btn btn-default">Submit</button>
+      </form>
       <ul class="nav navbar-nav navbar-right">
         <li><a href="{{=it.homeurl}}" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="{{=it.c.i18n.homeAlt}}">
           <span class="glyphicon glyphicon-home"></span><span class="visible-xs"> {{=it.c.i18n.homeAlt}}</span>