new navbar

fern4lvarez · Aug 9, 2012 · 5a05ad9 · 5a05ad9
1 parent 9157a9b
commit 5a05ad9
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 1 deletion.
diff --git a/Chat.css b/Chat.css
@@ -15,7 +15,7 @@ input#name {
 div.hero-unit {
   color: #000;
   text-align: center;
-  margin-top: 10px;
+  margin-top: 80px;
 }
 
 #messages {

diff --git a/Chat.html b/Chat.html
@@ -3,11 +3,31 @@
 </head>
 
 <body>
+  {{> header}}
   {{> entry}}
   {{> messages}}
   {{> footer}}
 </body>
 
+<template name="header">
+    <div class="navbar navbar-fixed-top">
+      <div class="navbar-inner">
+        <div class="container">
+          <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+            <span class="icon-bar"></span>
+          </a>
+          <a class="brand" href="#">Meteor Chat</a>
+          <div class="nav-collapse">
+            <ul class="nav">
+            </ul>
+          </div><!--/.nav-collapse -->
+        </div>
+      </div>
+    </div>
+</template>
+
 <template name="entry">
   <div class="container">
     <div class="hero-unit">

diff --git a/README.md b/README.md
@@ -17,6 +17,7 @@ To get `meteor-chat` from GitHub:
 
     git clone git://github.com/fern4lvarez/meteor-chat.git
     cd meteor-chat
+    meteor add bootstrap
     meteor
 
 ### Try it