rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00
Code Issues Actions Packages Releases Activity
21bebe77fe
Bootstrap/examples/fluid.html

142 lines
6.3 KiB
HTML
Raw Normal View History

updated hero example, added fluid example, resolved issue with tabs and fluid nav
2011-09-03 08:01:38 +02:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bootstrap, from Twitter</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le styles -->
update examples and restore icons
2012-01-27 23:48:35 +01:00
<link href="../docs/assets/css/bootstrap.css" rel="stylesheet">
updated hero example, added fluid example, resolved issue with tabs and fluid nav
2011-09-03 08:01:38 +02:00
<style type="text/css">
body {
padding-top: 60px;
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
padding-bottom: 40px;
}
.sidebar-nav {
padding: 9px 0;
updated hero example, added fluid example, resolved issue with tabs and fluid nav
2011-09-03 08:01:38 +02:00
}
</style>
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
<link href="../docs/assets/css/bootstrap-responsive.css" rel="stylesheet">
updated hero example, added fluid example, resolved issue with tabs and fluid nav
2011-09-03 08:01:38 +02:00
<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
update all example pages to latest version
2012-01-29 07:48:51 +01:00
<div class="navbar navbar-fixed-top">
share new navbar in examples
2011-10-11 18:46:02 +02:00
<div class="navbar-inner">
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
<div class="container-fluid">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="i-bar"></span>
<span class="i-bar"></span>
<span class="i-bar"></span>
</a>
update alert message for ie7 to adjust dismiss icon, update example pages to clean up a few things from testing
2011-09-16 19:51:44 +02:00
<a class="brand" href="#">Project name</a>
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
<div class="nav-collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>
</div><!--/.nav-collapse -->
updated hero example, added fluid example, resolved issue with tabs and fluid nav
2011-09-03 08:01:38 +02:00
</div>
</div>
</div>
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
<div class="container-fluid">
overhaul grid mixins and variables, standardize fluid grid system and enable it across responsive layouts
2012-01-30 09:39:44 +01:00
<div class="row-fluid">
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
<div class="span3">
<div class="well sidebar-nav">
<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><!--/.well -->
</div><!--/span-->
<div class="span9">
<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 primary large">Learn more &raquo;</a></p>
</div>
overhaul grid mixins and variables, standardize fluid grid system and enable it across responsive layouts
2012-01-30 09:39:44 +01:00
<div class="row-fluid">
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
<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><!--/span-->
<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><!--/span-->
<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><!--/span-->
</div><!--/row-->
overhaul grid mixins and variables, standardize fluid grid system and enable it across responsive layouts
2012-01-30 09:39:44 +01:00
<div class="row-fluid">
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
<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><!--/span-->
<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><!--/span-->
<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><!--/span-->
</div><!--/row-->
</div><!--/span-->
</div><!--/row-->
update all example pages to latest version
2012-01-29 07:48:51 +01:00
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
<hr>
update all example pages to latest version
2012-01-29 07:48:51 +01:00
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
<footer>
<p>&copy; Company 2012</p>
</footer>
update alert message for ie7 to adjust dismiss icon, update example pages to clean up a few things from testing
2011-09-16 19:51:44 +02:00
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
</div><!--/.fluid-container-->
update alert message for ie7 to adjust dismiss icon, update example pages to clean up a few things from testing
2011-09-16 19:51:44 +02:00
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="../js/tests/vendor/jquery.js"></script>
<script src="../js/bootstrap-transition.js"></script>
<script src="../js/bootstrap-collapse.js"></script>
updated hero example, added fluid example, resolved issue with tabs and fluid nav
2011-09-03 08:01:38 +02:00
</body>
last minute addition of a simple fluid grid for our fluid examples; it needs work, so we're not documenting it now
2012-01-29 22:06:57 +01:00
</html>
Reference in New Issue Copy Permalink