aboutsummaryrefslogtreecommitdiff
path: root/docs/getting-started.html
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2012-09-25 22:00:41 -0700
committerMark Otto <[email protected]>2012-09-25 22:00:41 -0700
commitce19e63d5b068ba0698dee4e2d99c725f6799b0d (patch)
treebda8377cdc83204780bdf624833725a127ded586 /docs/getting-started.html
parent527d01ce99a0cae8eae7868c0649dca60cda338c (diff)
parentf4d3d7da2e3ddbd751e053729935df1f3dd4c051 (diff)
downloadbootstrap-ce19e63d5b068ba0698dee4e2d99c725f6799b0d.tar.xz
bootstrap-ce19e63d5b068ba0698dee4e2d99c725f6799b0d.zip
Merge branch '2.1.2-wip' into box-sizing-exercise
Conflicts: docs/assets/css/bootstrap-responsive.css docs/assets/css/bootstrap.css docs/base-css.html docs/templates/pages/base-css.mustache less/forms.less less/mixins.less
Diffstat (limited to 'docs/getting-started.html')
-rw-r--r--docs/getting-started.html42
1 files changed, 32 insertions, 10 deletions
diff --git a/docs/getting-started.html b/docs/getting-started.html
index 74f91b795..7a6d05e42 100644
--- a/docs/getting-started.html
+++ b/docs/getting-started.html
@@ -58,7 +58,7 @@
<a href="./components.html">Components</a>
</li>
<li class="">
- <a href="./javascript.html">Javascript</a>
+ <a href="./javascript.html">JavaScript</a>
</li>
<li class="">
<a href="./customize.html">Customize</a>
@@ -138,10 +138,9 @@
├── js/
│ ├── bootstrap.js
│ ├── bootstrap.min.js
- ├── img/
- │ ├── glyphicons-halflings.png
- │ ├── glyphicons-halflings-white.png
- └── README.md
+ └── img/
+ ├── glyphicons-halflings.png
+ └── glyphicons-halflings-white.png
</pre>
<p>This is the most basic form of Bootstrap: compiled files for quick drop-in usage in nearly any web project. We provide compiled CSS and JS (<code>bootstrap.*</code>), as well as compiled and minified CSS and JS (<code>bootstrap.min.*</code>). The image files are compressed using <a href="http://imageoptim.com/">ImageOptim</a>, a Mac app for compressing PNGs.</p>
<p>Please note that all JavaScript plugins require jQuery to be included.</p>
@@ -164,11 +163,11 @@
<p>Styles for common HTML elements like typography, code, tables, forms, and buttons. Also includes <a href="http://glyphicons.com">Glyphicons</a>, a great little icon set.</p>
<h4><a href="http://twitter.github.com/bootstrap/components.html">Components</a></h4>
<p>Basic styles for common interface components like tabs and pills, navbar, alerts, page headers, and more.</p>
- <h4><a href="http://twitter.github.com/bootstrap/javascript.html">Javascript plugins</a></h4>
- <p>Similar to Components, these Javascript plugins are interactive components for things like tooltips, popovers, modals, and more.</p>
+ <h4><a href="http://twitter.github.com/bootstrap/javascript.html">JavaScript plugins</a></h4>
+ <p>Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.</p>
<h2>List of components</h2>
- <p>Together, the <strong>Components</strong> and <strong>Javascript plugins</strong> sections provide the following interface elements:</p>
+ <p>Together, the <strong>Components</strong> and <strong>JavaScript plugins</strong> sections provide the following interface elements:</p>
<ul>
<li>Button groups</li>
<li>Button dropdowns</li>
@@ -220,7 +219,7 @@
&lt;head&gt;
&lt;title&gt;Bootstrap 101 Template&lt;/title&gt;
&lt;!-- Bootstrap --&gt;
- &lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
+ &lt;link href="css/bootstrap.min.css" rel="stylesheet" media="screen"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;h1&gt;Hello, world!&lt;/h1&gt;
@@ -261,8 +260,31 @@
<img src="assets/img/examples/bootstrap-example-starter.jpg" alt="">
</a>
<h4>Starter template</h4>
- <p>A barebones HTML document with all the Bootstrap CSS and javascript included.</p>
+ <p>A barebones HTML document with all the Bootstrap CSS and JavaScript included.</p>
</li>
+
+ <li class="span3">
+ <a class="thumbnail" href="examples/marketing-narrow.html">
+ <img src="assets/img/examples/bootstrap-example-marketing-narrow.png" alt="">
+ </a>
+ <h4>Narrow marketing</h4>
+ <p>Slim, lightweight marketing template for small projects or teams.</p>
+ </li>
+ <li class="span3">
+ <a class="thumbnail" href="examples/signin.html">
+ <img src="assets/img/examples/bootstrap-example-signin.png" alt="">
+ </a>
+ <h4>Sign in</h4>
+ <p>Barebones sign in form with custom, larger form controls and a flexible layout.</p>
+ </li>
+ <li class="span3">
+ <a class="thumbnail" href="examples/carousel.html">
+ <img src="assets/img/examples/bootstrap-example-carousel.png" alt="">
+ </a>
+ <h4>Carousel jumbotron</h4>
+ <p>A more interactive riff on the basic marketing site featuring a prominent carousel.</p>
+ </li>
+
</ul>
</section>