aboutsummaryrefslogtreecommitdiff
path: root/examples/fluid.html
diff options
context:
space:
mode:
authorLuke Hatcher <[email protected]>2012-01-29 01:48:51 -0500
committerLuke Hatcher <[email protected]>2012-01-29 01:48:51 -0500
commitaf9de238fd335d10d5d1df079419fde9aedd3cc9 (patch)
tree5b7a87adcf07177796cb70c63dcd4b0c5f43df87 /examples/fluid.html
parent59d9983ebcc889b5e5626d672311e92657bfe3e8 (diff)
downloadbootstrap-af9de238fd335d10d5d1df079419fde9aedd3cc9.tar.xz
bootstrap-af9de238fd335d10d5d1df079419fde9aedd3cc9.zip
update all example pages to latest version
Diffstat (limited to 'examples/fluid.html')
-rw-r--r--examples/fluid.html51
1 files changed, 25 insertions, 26 deletions
diff --git a/examples/fluid.html b/examples/fluid.html
index 1f7551562..ce2d3b628 100644
--- a/examples/fluid.html
+++ b/examples/fluid.html
@@ -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>
@@ -45,26 +45,25 @@
<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>
@@ -83,12 +82,12 @@
<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>
@@ -104,12 +103,12 @@
<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>