diff options
| author | Luke Hatcher <[email protected]> | 2012-01-29 01:48:51 -0500 |
|---|---|---|
| committer | Luke Hatcher <[email protected]> | 2012-01-29 01:48:51 -0500 |
| commit | af9de238fd335d10d5d1df079419fde9aedd3cc9 (patch) | |
| tree | 5b7a87adcf07177796cb70c63dcd4b0c5f43df87 /examples | |
| parent | 59d9983ebcc889b5e5626d672311e92657bfe3e8 (diff) | |
| download | bootstrap-af9de238fd335d10d5d1df079419fde9aedd3cc9.tar.xz bootstrap-af9de238fd335d10d5d1df079419fde9aedd3cc9.zip | |
update all example pages to latest version
Diffstat (limited to 'examples')
| -rw-r--r-- | examples/container-app.html | 2 | ||||
| -rw-r--r-- | examples/fluid-reverse.html | 19 | ||||
| -rw-r--r-- | examples/fluid.html | 51 | ||||
| -rw-r--r-- | examples/hero.html | 2 |
4 files changed, 36 insertions, 38 deletions
diff --git a/examples/container-app.html b/examples/container-app.html index df0e8dba4..63261fd8e 100644 --- a/examples/container-app.html +++ b/examples/container-app.html @@ -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 */ diff --git a/examples/fluid-reverse.html b/examples/fluid-reverse.html index 7de163084..4a1993a41 100644 --- a/examples/fluid-reverse.html +++ b/examples/fluid-reverse.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,24 +45,23 @@ <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> 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 »</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 »</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 »</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 »</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 »</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 »</a></p> diff --git a/examples/hero.html b/examples/hero.html index 4803380c3..c43102ccb 100644 --- a/examples/hero.html +++ b/examples/hero.html @@ -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> |