update all example pages to latest version

This commit is contained in:
Luke Hatcher 2012-01-29 01:48:51 -05:00
parent 59d9983ebc
commit af9de238fd
4 changed files with 37 additions and 39 deletions

View File

@ -25,7 +25,7 @@
text-align: center; /* center align it with the container */ text-align: center; /* center align it with the container */
} }
.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 */ /* The white background content wrapper */

View File

@ -28,7 +28,7 @@
<body> <body>
<div class="navbar navbar-fixed"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="fluid-container"> <div class="fluid-container">
<a class="brand" href="#">Project name</a> <a class="brand" href="#">Project name</a>
@ -37,7 +37,7 @@
<li><a href="#about">About</a></li> <li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
</ul> </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>
</div> </div>
@ -45,24 +45,23 @@
<div class="fluid-container sidebar-right"> <div class="fluid-container sidebar-right">
<div class="fluid-sidebar"> <div class="fluid-sidebar">
<div class="well"> <div class="well">
<h5>Sidebar</h5> <ul class="nav list">
<ul> <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><a href="#">Link</a></li>
<li><a href="#">Link</a></li> <li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul> <li class="nav-header">Sidebar</li>
<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><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><a href="#">Link</a></li>
</ul>
<h5>Sidebar</h5> <li class="nav-header">Sidebar</li>
<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>
</ul> </ul>

View File

@ -28,7 +28,7 @@
<body> <body>
<div class="navbar navbar-fixed"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="fluid-container"> <div class="fluid-container">
<a class="brand" href="#">Project name</a> <a class="brand" href="#">Project name</a>
@ -37,7 +37,7 @@
<li><a href="#about">About</a></li> <li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li> <li><a href="#contact">Contact</a></li>
</ul> </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>
</div> </div>
@ -45,26 +45,25 @@
<div class="fluid-container sidebar-left"> <div class="fluid-container sidebar-left">
<div class="fluid-sidebar"> <div class="fluid-sidebar">
<div class="well side-nav"> <div class="well side-nav">
<h5 class="nav-label">Sidebar</h5> <ul class="nav list">
<ul class="nav-group"> <li class="nav-header">Sidebar</li>
<li class="active"><a class="nav-item" href="#">Link</a></li> <li class="active"><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li> <li><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li> <li><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li> <li><a href="#">Link</a></li>
</ul>
<h5 class="nav-label">Sidebar</h5> <li class="nav-header">Sidebar</li>
<ul class="nav-group"> <li><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li> <li><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li> <li><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li> <li><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li> <li><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li> <li><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
</ul> <li class="nav-header">Sidebar</li>
<h5 class="nav-label">Sidebar</h5> <li><a href="#">Link</a></li>
<ul class="nav-group"> <li><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li> <li><a href="#">Link</a></li>
<li><a class="nav-item" href="#">Link</a></li>
</ul> </ul>
</div> </div>
</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>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> <p><a class="btn" href="#">View details &raquo;</a></p>
</div> </div>
<div class="span5"> <div class="span4">
<h2>Heading</h2> <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>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> <p><a class="btn" href="#">View details &raquo;</a></p>
</div> </div>
<div class="span5"> <div class="span4">
<h2>Heading</h2> <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>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><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>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> <p><a class="btn" href="#">View details &raquo;</a></p>
</div> </div>
<div class="span5"> <div class="span4">
<h2>Heading</h2> <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>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> <p><a class="btn" href="#">View details &raquo;</a></p>
</div> </div>
<div class="span5"> <div class="span4">
<h2>Heading</h2> <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>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><a class="btn" href="#">View details &raquo;</a></p>

View File

@ -28,7 +28,7 @@
<body> <body>
<div class="navbar navbar-fixed"> <div class="navbar navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<a class="brand" href="#">Project name</a> <a class="brand" href="#">Project name</a>