Skip to content

Instantly share code, notes, and snippets.

@rurabe

rurabe/ar-tutor.html

Created July 19, 2012 01:31
Show Gist options
  • Save rurabe/3140177 to your computer and use it in GitHub Desktop.
Save rurabe/3140177 to your computer and use it in GitHub Desktop.
Download ZIP
ActiveRecord Tutor Partial Template
Raw
ar-tutor.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>AR Tutor Example</title>
<meta name="description" content="Example tabable nav with Twitter Bootstrap">
<link href="./bootstrap.css" rel="stylesheet">
<style type="text/css">
textarea {
font-family: "Monaco",monospace
}
</style>
</head>
<body>
<div class="container">
<form>
<div class="row">
<ul class="nav nav-tabs">
<li class="active"><a href="#schema" data-toggle="tab">Schema</a></li>
<li class=""><a href="#relationships" data-toggle="tab">Relationships</a></li>
<li class=""><a href="#queries" data-toggle="tab">Queries</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active fade in" id="schema">
<div class="row">
<div class="span8">
<textarea class="span8" rows="15">Schemas go here</textarea>
</div>
<div class="span4">
<p>In Rails, schemas are called migrations, and look a lot like ruby.</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="relationships">
<div class="row">
<div class="span8">
<textarea class="span8" rows="15">Relationships go here</textarea>
</div>
<div class="span4">
<p>We are all aware of class relationships thanks to the course catalog</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="queries">
<div class="row">
<div class="span8">
<textarea class="span8" rows="15">Queries go here</textarea>
</div>
<div class="span4">
<p>Add, select, update and delete. It's all good. Yo what you doin?</p>
</div>
</div>
</div>
<button class="btn btn-large btn-info" type="submit">Yo, submit this</button>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="./bootstrap-tab.js"></script>
<script src="./bootstrap-transition.js"></script>
</body>
</html>
@rurabe
Copy link
Author

rurabe commented Jul 19, 2012

http://www.netmagazine.com/tutorials/craft-cleaner-more-concise-html-haml

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment