Skip to content

Instantly share code, notes, and snippets.

@rposborne

rposborne/fluid.html

Created September 22, 2011 02:34
Show Gist options
  • Save rposborne/1233895 to your computer and use it in GitHub Desktop.
Save rposborne/1233895 to your computer and use it in GitHub Desktop.
Download ZIP
Example of Error in Bootstrap from Twitter.
Raw
fluid.html
<!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 -->
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.3.0/bootstrap.min.css">
<style type="text/css">
body {
padding-top: 60px;
}
</style>
<!-- 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>
<div class="topbar">
<div class="topbar-inner">
<div class="container-fluid">
<a class="brand" href="#">Project name</a>
<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="pull-right">Logged in as <a href="#">username</a></p>
</div>
</div>
</div>
<div class="container-fluid">
<div class="sidebar">
<div class="well">
<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>
</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><a href="#">Link</a></li>
</ul>
<h5>Sidebar</h5>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
<div class="content">
<!-- Main hero unit for a primary marketing message or call to action -->
<h2 class="well">Editing Rodney</h2>
<div class="well">
<form accept-charset="UTF-8" action="/contacts/2" class="edit_contact" id="edit_contact_2" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="_method" type="hidden" value="put"><input name="authenticity_token" type="hidden" value="OviN7KyQqxb9xbDLBKhSAwIReEjeX6J8ApJ6LDSG+wE="></div>
<div class="clearfix">
<label for="contact_account_id">Account</label>
<div class="input">
<input id="contact_account_id" name="contact[account_id]" size="30" type="number" value="15">
</div>
</div>
<div class="clearfix">
<label for="contact_title">Title</label>
<div class="input">
<input id="contact_title" name="contact[title]" size="30" type="text" value="">
</div>
</div>
<div class="clearfix">
<label for="contact_first_name">First name</label>
<div class="input">
<input id="contact_first_name" name="contact[first_name]" size="30" type="text" value="Rodney">
</div>
</div>
<div class="clearfix">
<label for="contact_last_name">Last name</label>
<div class="input">
<input id="contact_last_name" name="contact[last_name]" size="30" type="text" value="">
</div>
</div>
<div class="clearfix">
<label for="contact_cell">Cell</label>
<div class="input">
<input id="contact_cell" name="contact[cell]" size="30" type="text" value="">
</div>
</div>
<div class="clearfix">
<label for="contact_phone">Phone</label>
<div class="input">
<input id="contact_phone" name="contact[phone]" size="30" type="text" value="">
</div>
</div>
<div class="clearfix">
<label for="contact_ext">Ext</label>
<div class="input">
<input id="contact_ext" name="contact[ext]" size="30" type="text" value="">
</div>
</div>
<div class="clearfix">
<label for="contact_fax">Fax</label>
<div class="input">
<input id="contact_fax" name="contact[fax]" size="30" type="text" value="">
</div>
</div>
<div class="clearfix">
<label for="contact_email">Email</label>
<div class="input">
<input id="contact_email" name="contact[email]" size="30" type="text" value="">
</div>
</div>
<div class="actions">
<input name="commit" type="submit" value="Save">
</div>
</form>
<a href="/contacts/2">Show</a>
|
<a href="/contacts">Back</a>
</div>
<footer class="no-border">
Lumber
© by LLC
<p>
<a href="/contacts/2/edit?mobile=1">Mobile Site</a>
</p>
</footer>
</div>
</div>
</body></html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment