diff options
Diffstat (limited to 'docs/getting-started.html')
| -rw-r--r-- | docs/getting-started.html | 42 |
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 @@ <head> <title>Bootstrap 101 Template</title> <!-- Bootstrap --> - <link href="css/bootstrap.min.css" rel="stylesheet"> + <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> </head> <body> <h1>Hello, world!</h1> @@ -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> |