1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-30 08:39:56 +02:00

yo dawg i heard you liked mastheads

This commit is contained in:
Mark Otto
2011-06-29 17:10:53 -07:00
parent 936d7acb31
commit f47b576574
3 changed files with 95 additions and 21 deletions

View File

@@ -25,7 +25,7 @@
<img src="assets/img/twitter-logo-no-bird.png" alt="Twitter" /> <span>bootstrap</span>
</a></h3>
<ul>
<li><a href="#getting-started">Getting started</a></li>
<li><a href="#masthead">Overview</a></li>
<li><a href="#grid-system">Grid</a></li>
<li><a href="#layouts">Layouts</a></li>
<li><a href="#typography">Typography</a></li>
@@ -42,10 +42,13 @@
<div id="masthead">
<div class="inner">
<div class="container">
<!--
<div class="row">
<div class="span11 columns">
-->
<h1>Twitter Bootstrap</h1>
<p class="lead">Bootstrap is Twitter's toolkit for kickstarting CSS for websites, apps, and more. It includes base CSS styles for typography, forms, buttons, tables, grids, navigation, alerts, and more.</p>
<!--
</div>
<div class="span5 columns">
<a href="" class="btn large primary">Download Bootstrap ZIP &raquo;</a>
@@ -55,16 +58,32 @@
</small>
</div>
</div>
-->
<div class="row quickstart">
<div class="span5 columns">
<h6>Hotlink the CSS</h6>
<p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
<form>
<textarea>&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css</textarea>
</form>
</div>
<div class="span5 columns">
<h6>Use it with LESS</h6>
<p>A fan of using LESS.js? No problem, just clone the repo and add these lines:</p>
<form>
<textarea>&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css
&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css</textarea>
</form>
</div>
<div class="span5 columns">
<h6>Fork on GitHub</h6>
<p>Download, fork, pull, and more with the official Bootstrap repo on Github.</p>
<p><a href="" class="btn primary">Bootstrap on GitHub &raquo;</a></p>
</div>
</div>
<div class="quick-start">
<div class="container">
<p>Copy and paste for a quick start:</p>
<form>
<input type="text" value='&lt;link type="text/css" href="http://twitter.github.com/bootstrap-1.0.0.css" media="all" /&gt;' />
</form>
<p><a href="">Using LESS?</a></p>
</div>
</div>
</div> <!-- /container -->
</div>
</div>