Procházet zdrojové kódy

4.8: Nav and Navbar.

Frederic G. MARAND před 9 roky
rodič
revize
25a5479bbf
2 změnil soubory, kde provedl 17 přidání a 3 odebrání
  1. 4 0
      css/main.css
  2. 13 3
      index.html

+ 4 - 0
css/main.css

@@ -1,3 +1,7 @@
+body {
+    padding-top: 70px;
+}
+
 .footer {
     background: #887;
     color: white;

+ 13 - 3
index.html

@@ -10,11 +10,21 @@
   </head>
 
   <body>
-    <div class="container">
-      <div class="row">
-        <h1>Blasting off with Boostrap</h1>
+    <div class="navbar navbar-default navbar-fixed-top">
+      <div class="container">
+        <div class="navbar-header">
+          <a href="/" class="navbar-brand">Blasting off with Boostrap</a>
+        </div>
+
+        <ul class="nav navbar-nav navbar-right">
+          <li class="nav navbar-link"><a href="#tickets.html">Tickets</a></li>
+          <li class="nav navbar-link"><a href="#stations.html">Stations</a></li>
+          <li class="nav navbar-link"><a href="#about.html">About</a></li>
+        </ul>
       </div>
+    </div>
 
+    <div class="container">
       <div class="row well well-lg">
         <div class="col-xs-12 col-md-6">
           <h2>The fastest way to space</h2>images