]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
update all example pages to latest version 1367/head
authorLuke Hatcher <lukeman@gmail.com>
Sun, 29 Jan 2012 06:48:51 +0000 (01:48 -0500)
committerLuke Hatcher <lukeman@gmail.com>
Sun, 29 Jan 2012 06:48:51 +0000 (01:48 -0500)
examples/container-app.html
examples/fluid-reverse.html
examples/fluid.html
examples/hero.html

index df0e8dba4856ed674f34da0d047a1c78bfd619ad..63261fd8e14e89a87f7c0c26a5edcf576505e5a4 100644 (file)
@@ -25,7 +25,7 @@
         text-align: center; /* center align it with the container */
       }
       .container {
-        width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 14 columns and not 16. */
+        width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 10 columns and not 12. */
       }
 
       /* The white background content wrapper */
index 7de16308445bfb324e3000ee274f0d0921422608..4a1993a41f5ba57194b934e3f46783171310086f 100644 (file)
@@ -28,7 +28,7 @@
 
   <body>
 
-    <div class="navbar navbar-fixed">
+    <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="fluid-container">
           <a class="brand" href="#">Project name</a>
@@ -37,7 +37,7 @@
             <li><a href="#about">About</a></li>
             <li><a href="#contact">Contact</a></li>
           </ul>
-          <p class="pull-right">Logged in as <a href="#">username</a></p>
+          <p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>
         </div>
       </div>
     </div>
     <div class="fluid-container sidebar-right">
       <div class="fluid-sidebar">
         <div class="well">
-          <h5>Sidebar</h5>
-          <ul>
+          <ul class="nav list">
+            <li class="nav-header">Sidebar</li>
+            <li class="active"><a href="#">Link</a></li>
             <li><a href="#">Link</a></li>
             <li><a href="#">Link</a></li>
             <li><a href="#">Link</a></li>
+
+            <li class="nav-header">Sidebar</li>
             <li><a href="#">Link</a></li>
-          </ul>
-          <h5>Sidebar</h5>
-          <ul>
             <li><a href="#">Link</a></li>
             <li><a href="#">Link</a></li>
             <li><a href="#">Link</a></li>
             <li><a href="#">Link</a></li>
             <li><a href="#">Link</a></li>
+
+            <li class="nav-header">Sidebar</li>
             <li><a href="#">Link</a></li>
-          </ul>
-          <h5>Sidebar</h5>
-          <ul>
             <li><a href="#">Link</a></li>
             <li><a href="#">Link</a></li>
           </ul>
index 1f7551562184a88e64dba58944ca78a0c297e5e7..ce2d3b62895084db5bcdb0fc13c58dd1c94ef423 100644 (file)
@@ -28,7 +28,7 @@
 
   <body>
 
-    <div class="navbar navbar-fixed">
+    <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="fluid-container">
           <a class="brand" href="#">Project name</a>
@@ -37,7 +37,7 @@
             <li><a href="#about">About</a></li>
             <li><a href="#contact">Contact</a></li>
           </ul>
-          <p class="pull-right">Logged in as <a href="#">username</a></p>
+          <p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>
         </div>
       </div>
     </div>
     <div class="fluid-container sidebar-left">
       <div class="fluid-sidebar">
         <div class="well side-nav">
-          <h5 class="nav-label">Sidebar</h5>
-          <ul class="nav-group">
-            <li class="active"><a class="nav-item" href="#">Link</a></li>
-            <li><a class="nav-item" href="#">Link</a></li>
-            <li><a class="nav-item" href="#">Link</a></li>
-            <li><a class="nav-item" href="#">Link</a></li>
-          </ul>
-          <h5 class="nav-label">Sidebar</h5>
-          <ul class="nav-group">
-            <li><a class="nav-item" href="#">Link</a></li>
-            <li><a class="nav-item" href="#">Link</a></li>
-            <li><a class="nav-item" href="#">Link</a></li>
-            <li><a class="nav-item" href="#">Link</a></li>
-            <li><a class="nav-item" href="#">Link</a></li>
-            <li><a class="nav-item" href="#">Link</a></li>
-          </ul>
-          <h5 class="nav-label">Sidebar</h5>
-          <ul class="nav-group">
-            <li><a class="nav-item" href="#">Link</a></li>
-            <li><a class="nav-item" href="#">Link</a></li>
+          <ul class="nav list">
+            <li class="nav-header">Sidebar</li>
+            <li class="active"><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+
+            <li class="nav-header">Sidebar</li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+
+            <li class="nav-header">Sidebar</li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
+            <li><a href="#">Link</a></li>
           </ul>
         </div>
       </div>
            <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
             <p><a class="btn" href="#">View details &raquo;</a></p>
           </div>
-          <div class="span5">
+          <div class="span4">
             <h2>Heading</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
             <p><a class="btn" href="#">View details &raquo;</a></p>
          </div>
-          <div class="span5">
+          <div class="span4">
             <h2>Heading</h2>
             <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
             <p><a class="btn" href="#">View details &raquo;</a></p>
            <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
             <p><a class="btn" href="#">View details &raquo;</a></p>
           </div>
-          <div class="span5">
+          <div class="span4">
             <h2>Heading</h2>
              <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
             <p><a class="btn" href="#">View details &raquo;</a></p>
          </div>
-          <div class="span5">
+          <div class="span4">
             <h2>Heading</h2>
             <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
             <p><a class="btn" href="#">View details &raquo;</a></p>
index 4803380c3ddabfb525d7f9f221fec148cd5ce66b..c43102ccb90d47c42b41459ea03043863a2eca98 100644 (file)
@@ -28,7 +28,7 @@
 
   <body>
 
-    <div class="navbar navbar-fixed">
+    <div class="navbar navbar-fixed-top">
       <div class="navbar-inner">
         <div class="container">
           <a class="brand" href="#">Project name</a>