Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
38 lines (31 sloc) 2.57 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Basic Bootstrap Template</title>
<!-- Bootstrap --><!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<div class="jumbotron">
<h1>Rats!</h1>
<p class="lead">This is your tag line. Use it to say something really interesting.</p>
</div><!-- /jumbotron -->
<p class="text-muted byline">By Amanda Hickman | <a href="//twitter.com/amandabee">@amandabee</a> | Mar 31, 2014</p>
<p>Most of your content will end up here: inside the Bootstrap "container" div, but outside the "jumbotron". Bootstrap has some classes that make some basic layout things a whole lot easier. <a href="http://getbootstrap.com/css/#helper-classes-floats">Quickfloats</a> are handy for pullquotes. You can let them find their own size or use <a href="http://getbootstrap.com/css/#grid">the grid</a> to set their width.</p>
<p>Bootstrap does a lot of fancy footwork to customize layouts on tiny, small, medium and large screens. For now, I suggest that you stick to the <code>col-md-</code> classes. They're the most universal. Our goal here is to tell good stories, not master the finer points of CSS layout, with or without Bootstrap.</p>
<p>We didn't talk much about <code>p</code>aragraphs, <code>blockquote</code>s or <code>a</code>nchors, but you'll need them if you don't want your content to run together in a great heap. You can wrap paragaphs in <code>&lt;p&gt;</code> tags manually, but if you want some help with the basic pieces, I'm a huge fan of <a href="http://mouapp.com/">Mou</a>. You can compose in Markdown, a heavily simplified syntax, and then copy the resulting HTML into a Bootstrap template. Markdown is a very basic language -- you can't do a lot with it, so you can focus on the basics. </p>
</div><!-- /container -->
</body>
</html>