aboutsummaryrefslogtreecommitdiff
path: root/docs/examples/fluid.html
diff options
context:
space:
mode:
authorfat <[email protected]>2013-02-07 22:13:13 -0800
committerfat <[email protected]>2013-02-07 22:13:13 -0800
commit8c7f9c66a7d12f47f50618ef420868fe836d0c33 (patch)
tree552f251d1637a1749c34fcdbb3390653d2fdb8ae /docs/examples/fluid.html
parentee91afba63bc6e9687397b9052858fca242c2ff5 (diff)
parentc4d47fb1ea45ed2fc3cf382d087ed87b87c69288 (diff)
downloadbootstrap-2.3.0.tar.xz
bootstrap-2.3.0.zip
Merge branch '2.3.0-wip'v2.3.0
Diffstat (limited to 'docs/examples/fluid.html')
-rw-r--r--docs/examples/fluid.html19
1 files changed, 14 insertions, 5 deletions
diff --git a/docs/examples/fluid.html b/docs/examples/fluid.html
index 4ca2920ef..502062a27 100644
--- a/docs/examples/fluid.html
+++ b/docs/examples/fluid.html
@@ -17,12 +17,21 @@
.sidebar-nav {
padding: 9px 0;
}
+
+ @media (max-width: 980px) {
+ /* Enable use of floated navbar text */
+ .navbar-text.pull-right {
+ float: none;
+ padding-left: 5px;
+ padding-right: 5px;
+ }
+ }
</style>
<link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <script src="../assets/js/html5shiv.js"></script>
<![endif]-->
<!-- Fav and touch icons -->
@@ -38,11 +47,11 @@
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container-fluid">
- <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
- </a>
+ </button>
<a class="brand" href="#">Project name</a>
<div class="nav-collapse collapse">
<p class="navbar-text pull-right">
@@ -86,7 +95,7 @@
<div class="hero-unit">
<h1>Hello, world!</h1>
<p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
- <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
+ <p><a href="#" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
</div>
<div class="row-fluid">
<div class="span4">
@@ -128,7 +137,7 @@
<hr>
<footer>
- <p>&copy; Company 2012</p>
+ <p>&copy; Company 2013</p>
</footer>
</div><!--/.fluid-container-->