An error occurred while loading the file. Please try again.
-
Mark Otto authored3f64aaf8
<!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 href="../bootstrap-1.3.0.css" rel="stylesheet"> <link href="assets/css/docs.css" rel="stylesheet"> <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet"> <!-- Le javascript --> <script src="http://code.jquery.com/jquery-1.5.2.min.js"></script> <script src="http://autobahn.tablesorter.com/jquery.tablesorter.min.js"></script> <script src="assets/js/google-code-prettify/prettify.js"></script> <script>$(function () { prettyPrint() })</script> <script src="../js/bootstrap-dropdown.js"></script> <script src="../js/bootstrap-twipsy.js"></script> <script src="../js/bootstrap-scrollspy.js"></script> <script src="assets/js/application.js"></script> <!-- 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> <!-- Topbar ================================================== --> <div class="topbar" data-scrollspy="x" > <div class="topbar-inner"> <div class="container"> <a class="brand" href="#">Bootstrap</a> <ul class="nav"> <li class="active"><a href="#overview">Overview</a></li> <li><a href="#about">About</a></li> <li><a href="#grid-system">Grid</a></li> <li><a href="#layouts">Layouts</a></li> <li><a href="#typography">Type</a></li> <li><a href="#media">Media</a></li> <li><a href="#tables">Tables</a></li> <li><a href="#forms">Forms</a></li> <li><a href="#navigation">Navigation</a></li> <li><a href="#alerts">Alerts</a></li> <li><a href="#popovers">Popovers</a></li> <li><a href="#javascript">Javascript</a></li> <li><a href="#less">Less</a></li> </ul> </div> </div> </div> <!-- Masthead (blueprinty thing) ================================================== --> <header class="jumbotron masthead" id="overview"> <div class="inner"> <div class="container"> <h1>Bootstrap, from Twitter</h1> <p class="lead"> Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites.<br />7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.<br />
</p>
<p><strong>Nerd alert:</strong> Bootstrap is <a href="#less" title="Read about using Bootstrap with Less">built with Less</a> and was designed to work out of the gate with modern browsers in mind.</p>
</div><!-- /container -->
</div>
</header>
<!-- Quickstart options
================================================== -->
<div class="quickstart">
<div class="container">
<div class="row">
<div class="span5">
<h6>Hotlink the CSS</h6>
<p>For the quickest and easiest start, just copy this snippet into your webpage.</p>
<form>
<textarea class="copy-code" rows="1"><link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-1.3.0.min.css"></textarea>
</form>
</div>
<div class="span5">
<h6>Use it with Less</h6>
<p>A fan of using Less? No problem, just clone the repo and add these lines:</p>
<form>
<textarea class="copy-code" rows="2"><link rel="stylesheet/less" href="/path/to/bootstrap.less">
<script src="/path/to/less.js"></script></textarea>
</form>
</div>
<div class="span5">
<h6>Fork on GitHub</h6>
<p>Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.</p>
<p><a target="_blank" href="https://github.com/twitter/bootstrap" class="btn primary">Bootstrap on GitHub »</a></p>
<p class="current-version">Currently <a href="https://github.com/twitter/bootstrap/wiki/Changelog">v1.3.0</a></p>
</div>
</div><!-- /row -->
</div>
</div>
<div class="container">
<!-- About Bootstrap
================================================== -->
<section id="about">
<div class="page-header">
<h1>About Bootstrap <small>Brief history, browser support, and more</small></h1>
</div>
<div class="row">
<div class="span-one-third">
<h3>History</h3>
<p>Engineers at Twitter have historically used almost any library they were familiar with to meet front-end requirements. Bootstrap began as an answer to the challenges that presented. With the help of many awesome folks, Bootstrap has grown significantly.</p>
<p>Read more on <a href="https://dev.twitter.com/blog/bootstrap-twitter">dev.twitter.com ›</a></p>
<p>
<a href="http://twitter.com/twbootstrap" class="twitter-follow-button">Follow @twbootstrap</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</p>
</div>
<div class="span-one-third">
<h3>Browser support</h3>
<p>Bootstrap is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox.</p>
<img src="assets/img/browsers.png" width="258px" height="48px" alt="Tested and supported in Chrome, Safari, Internet Explorer, and Firefox">
<ul>
<li>Latest Safari</li>
<li>Latest Google Chrome</li>
<li>Firefox 4+</li>
<li>Internet Explorer 7+</li>
<li>Opera 11</li>
</ul>
</div>
<div class="span-one-third">