Skip to content
Fetching contributors…
Cannot retrieve contributors at this time
85 lines (69 sloc) 2.36 KB
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<title>Base</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" media="screen" href="../style.css">
<style type="text/css">
/* Styles Used in Example Page */
.col { background: #222; color: #fff; text-align: center; line-height: 50px; height: 50px; }
</style>
</head>
<body>
<div class="section header">
<div class="container clear">
<a href="index.html" class="left block logo">Base <span class="small">( Docs )</span></a>
<div class="navigation right">
<ul class="menu clear">
<li><a href="index.html">Welcome</a></li>
<li><a href="base-css.html">Base CSS</a></li>
<li><a class="current" href="grid-layout.html">Grid Layout</a></li>
<li><a href="https://github.com/matthewhartman/base/zipball/master">Download</a></li>
</ul>
</div>
</div>
</div> <!-- Header -->
<div class="container content-inner">
<h1>Grid Demo</h1>
<p>You can wrap columns within a <code>.section</code> or <code>.clear</code> div to clear the floats.</p>
<div class="section row">
<div class="col one">col one</div>
<div class="col eleven">col eleven</div>
</div>
<div class="section row">
<div class="col two">col two</div>
<div class="col ten">col ten</div>
</div>
<div class="section row">
<div class="col three">col three</div>
<div class="col nine">col nine</div>
</div>
<div class="section row">
<div class="col four">col four</div>
<div class="col eight">col eight</div>
</div>
<div class="section row">
<div class="col five">col five</div>
<div class="col seven">col seven</div>
</div>
<div class="section row">
<div class="col six">col six</div>
<div class="col six">col six</div>
</div>
<div class="section row">
<div class="col half">col half</div>
<div class="col half">col half</div>
</div>
<div class="section row">
<div class="col one-third">col one third</div>
<div class="col one-third">col one third</div>
<div class="col one-third">col one third</div>
</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="../javascripts/default.js"></script>
<script src="javascripts/docs.js"></script>
</body>
</html>
Something went wrong with that request. Please try again.