5. Examples

Narrow marketing

Slim, lightweight marketing template for small projects or teams.

-- cgit v1.2.3 From 2fa77bf197050a385e479e1b2e8f61d634499505 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Feb 2013 22:46:45 -0800 Subject: Update link to changelog --- docs/getting-started.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 6479b9fb2..c54da9a67 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -340,7 +340,7 @@

Issues

Roadmap and changelog

Changelog

-- cgit v1.2.3 From 8b9733b288a3daca0da04fe60e0b5a0ae8681362 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 12 Feb 2013 12:25:05 -0800 Subject: nuke what we don't need for jekyll --- docs/getting-started.html | 380 ---------------------------------------------- 1 file changed, 380 deletions(-) delete mode 100644 docs/getting-started.html (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html deleted file mode 100644 index 231919842..000000000 --- a/docs/getting-started.html +++ /dev/null @@ -1,380 +0,0 @@ - - - - - Getting · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Getting started

Overview of the project, its contents, and how to get started with a simple template.

- - -

- -

- - - - -

- -

Download compiled

Fastest way to get started: get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.

Download source

Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.

- - - - -

- -

Within the download you'll find the following file structure and contents, logically grouping common assets and providing both compiled and minified variations.

Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

-  bootstrap/
-  ├── css/
-  │   ├── bootstrap.css
-  │   ├── bootstrap.min.css
-  ├── js/
-  │   ├── bootstrap.js
-  │   ├── bootstrap.min.js
-  └── fonts/
-      ├── glyphiconshalflings-regular.eot
-      ├── glyphiconshalflings-regular.otf
-      ├── glyphiconshalflings-regular.svg
-      ├── glyphiconshalflings-regular.ttf
-      └── glyphiconshalflings-regular.woff
-

Please note that all JavaScript plugins require jQuery to be included.

- - - - -

- -

Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the Bootstrap documentation.

- -

Docs sections

In addition to the getting started documentation you're reading now, the Bootstrap docs are broken into a few key pages.

- -

Core CSS

Global styles for the body, Normalize, links, grid system, tables, forms, buttons, icons, and more.

Components

JavaScript plugins

Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.

- - - - -

- -

With a brief intro into the contents out of the way, we can focus on putting Bootstrap to use. To do that, we'll utilize a basic HTML template that includes everything we mentioned in the File structure.

Now, here's a look at a typical HTML file:

-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Bootstrap 101 Template</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  </head>
-  <body>
-    <h1>Hello, world!</h1>
-    <script src="http://code.jquery.com/jquery.js"></script>
-  </body>
-</html>
-

To make this a Bootstrapped template, just include the appropriate CSS and JS files:

-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Bootstrap 101 Template</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <!-- Bootstrap -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
-  </head>
-  <body>
-    <h1>Hello, world!</h1>
-    <script src="http://code.jquery.com/jquery.js"></script>
-    <script src="js/bootstrap.min.js"></script>
-  </body>
-</html>
-

And you're set! With those two files added, you can begin to develop any site or application with Bootstrap.

- -

Responsive features in IE8

Internet Explorer 8 lacks support for media queries, the method by which we deliver responsive CSS to folks. To enable that, you need to include a third party tool (which we include in the project repository) called Respond.js.

-<!--[if lt IE 9]>
-  <script src="assets/js/respond/respond.js"></script>
-<![endif]-->
-

- - - - -

- -

Move beyond the base template with a few example layouts. We encourage folks to iterate on these examples and not simply use them as an end result.

- -

Starter template

A barebones HTML document with all the Bootstrap CSS and JavaScript included.

- -

Basic marketing site

Featuring a hero unit for a primary message and three supporting elements.

- -

Narrow marketing

Slim, lightweight marketing template for small projects or teams.

- -

Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

+  bootstrap/
+  ├── css/
+  │   ├── bootstrap.css
+  │   ├── bootstrap.min.css
+  ├── js/
+  │   ├── bootstrap.js
+  │   ├── bootstrap.min.js
+  └── fonts/
+      ├── glyphiconshalflings-regular.eot
+      ├── glyphiconshalflings-regular.otf
+      ├── glyphiconshalflings-regular.svg
+      ├── glyphiconshalflings-regular.ttf
+      └── glyphiconshalflings-regular.woff
+

Please note that all JavaScript plugins require jQuery to be included.

+ + + + +

+ +

Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the Bootstrap documentation.

+ +

Docs sections

In addition to the getting started documentation you're reading now, the Bootstrap docs are broken into a few key pages.

+ +

Core CSS

Global styles for the body, Normalize, links, grid system, tables, forms, buttons, icons, and more.

Components

JavaScript plugins

Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.

+ + + + +

+ +

Now, here's a look at a typical HTML file:

+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bootstrap 101 Template</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  </head>
+  <body>
+    <h1>Hello, world!</h1>
+    <script src="http://code.jquery.com/jquery.js"></script>
+  </body>
+</html>
+

To make this a Bootstrapped template, just include the appropriate CSS and JS files:

+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Bootstrap 101 Template</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Bootstrap -->
+    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
+  </head>
+  <body>
+    <h1>Hello, world!</h1>
+    <script src="http://code.jquery.com/jquery.js"></script>
+    <script src="js/bootstrap.min.js"></script>
+  </body>
+</html>
+

And you're set! With those two files added, you can begin to develop any site or application with Bootstrap.

+ +

Responsive features in IE8

+<!--[if lt IE 9]>
+  <script src="/assets/js/respond/respond.js"></script>
+<![endif]-->
+

+ + + + +

+ +

Pin a fixed-height footer to the bottom of the user's viewport.

+ +

Sticky footer w/ navbar

Add a fixed navbar to the default sticky footer template.

+ +

Carousel jumbotron

An interactive riff on the basic marketing site featuring a prominent carousel.

+ + + + + +

+ +

Head to the docs for information, examples, and code snippets, or take the next leap and customize Bootstrap for any upcoming project.

+ Visit the Bootstrap docs + Customize Bootstrap +

+ + + + +

+ +

-- cgit v1.2.3 From b57c20a0572c56d629438e0a7c7371b3b57c4e8f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 13 Feb 2013 11:48:22 -0800 Subject: Restore gallery page, add active nav class jankitude, auto regenerate docs on file save --- docs/getting-started.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 449bb0c01..6ef060637 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -1,6 +1,6 @@ --- layout: default -title: Getting started with Bootstrap +title: Getting started --- -

- -

- - - - -

1. Download

+ + +

+ +

+ + + + +

+ +

Download compiled

Fastest way to get started: get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.

- -

Download compiled

Fastest way to get started: get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.

Download source

Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.

Download source

Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.

- -

Within the download you'll find the following file structure and contents, logically grouping common assets and providing both compiled and minified variations.

Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

+      
+      
+        
+          2. File structure
+        
+        Within the download you'll find the following file structure and contents, logically grouping common assets and providing both compiled and minified variations.
+        Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:
+
+{% highlight bash %}
   bootstrap/
   ├── css/
   │   ├── bootstrap.css
@@ -78,172 +80,177 @@ title: Getting started
       ├── glyphiconshalflings-regular.svg
       ├── glyphiconshalflings-regular.ttf
       └── glyphiconshalflings-regular.woff
-

Please note that all JavaScript plugins require jQuery to be included.

- - - - -

- -

Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the Bootstrap documentation.

- -

Docs sections

In addition to the getting started documentation you're reading now, the Bootstrap docs are broken into a few key pages.

- -

Core CSS

Global styles for the body, Normalize, links, grid system, tables, forms, buttons, icons, and more.

Components

JavaScript plugins

Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.

- - - - -

- -

Now, here's a look at a typical HTML file:

-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Bootstrap 101 Template</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  </head>
-  <body>
-    <h1>Hello, world!</h1>
-    <script src="http://code.jquery.com/jquery.js"></script>
-  </body>
-</html>
-

To make this a Bootstrapped template, just include the appropriate CSS and JS files:

-<!DOCTYPE html>
-<html>
-  <head>
-    <title>Bootstrap 101 Template</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <!-- Bootstrap -->
-    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
-  </head>
-  <body>
-    <h1>Hello, world!</h1>
-    <script src="http://code.jquery.com/jquery.js"></script>
-    <script src="js/bootstrap.min.js"></script>
-  </body>
-</html>
-

And you're set! With those two files added, you can begin to develop any site or application with Bootstrap.

- -

Responsive features in IE8

+{% endhighlight %} + +

Please note that all JavaScript plugins require jQuery to be included.

+ + + + +

+ +

Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the Bootstrap documentation.

+ +

Docs sections

In addition to the getting started documentation you're reading now, the Bootstrap docs are broken into a few key pages.

+ +

Core CSS

Global styles for the body, Normalize, links, grid system, tables, forms, buttons, icons, and more.

Components

JavaScript plugins

Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.

+ + + + +

+ +

Now, here's a look at a typical HTML file:

+ +{% highlight html linenos %} + + + + Bootstrap 101 Template + + + +

Hello, world!

+ + + +{% endhighlight %} + +

To make this a Bootstrapped template, just include the appropriate CSS and JS files:

+ +{% highlight html linenos %} + + + + Bootstrap 101 Template + + + + + +

Hello, world!

+ + + + +{% endhighlight %} + +

And you're set! With those two files added, you can begin to develop any site or application with Bootstrap.

+ +

Responsive features in IE8

 <!--[if lt IE 9]>
   <script src="/assets/js/respond/respond.js"></script>
 <![endif]-->

- - - - -

+ + + + +

+ +

Move beyond the base template with a few example layouts. We encourage folks to iterate on these examples and not simply use them as an end result.

+ +

Starter template

Head to the docs for information, examples, and code snippets, or take the next leap and customize Bootstrap for any upcoming project.

- Visit the Bootstrap docs - Customize Bootstrap -

+ +

Head to the docs for information, examples, and code snippets, or take the next leap and customize Bootstrap for any upcoming project.

+ Visit the Bootstrap docs + Customize Bootstrap +

- + + - + -- cgit v1.2.3 From aa5f09037133f22093c4b97d15451d4e54180ba2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 14 Feb 2013 23:38:00 -0800 Subject: Make example pages use Jekyll; add sticky footer navbar image to examples --- docs/getting-started.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 742dc466f..9f63c5b4c 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -175,56 +175,56 @@ description: Overview of the project, its contents, and how to get started with

Pin a fixed-height footer to the bottom of the user's viewport.

- -

Sticky footer w/ navbar

Add a fixed navbar to the default sticky footer template.

- +

Carousel jumbotron

-- cgit v1.2.3 From ce21926704778a2fb8ff76f5241b90a97abeea4c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Feb 2013 01:26:43 -0800 Subject: All Glyphicons now require a base class, e.g. .glyphicon.glyphicon-star --- docs/getting-started.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 9f63c5b4c..08a51ee10 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -21,12 +21,12 @@ description: Overview of the project, its contents, and how to get started with

-- cgit v1.2.3 From 91660a0489e005d68a430bce298726d2313ac579 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 26 Feb 2013 00:37:59 -0800 Subject: Move navbar examples to /examples directory --- docs/getting-started.html | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 08a51ee10..7f8dbff01 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -230,6 +230,29 @@ description: Overview of the project, its contents, and how to get started with

Carousel jumbotron

An interactive riff on the basic marketing site featuring a prominent carousel.

+ + +

+ +

Navbar

Basic template for showcasing how the navbar works.

- -

Static top navbar

Basic template for showcasing the static navbar variation.

- -

Fixed top navbar

Basic template for showcasing the fixed navbar variation.

- +

Grid examples

-- cgit v1.2.3 From 0c65a0e1eeffb0004eb2a36a977bfd25f7bf9c5a Mon Sep 17 00:00:00 2001 From: Addy Date: Thu, 14 Mar 2013 10:58:16 +0000 Subject: Added bower install to download/install options in getting started guide --- docs/getting-started.html | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index e8cecc2fc..0a5b1ed43 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -52,6 +52,11 @@ description: Overview of the project, its contents, and how to get started with

Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.

Install source

Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs using Bower, a package-manager for the web.

bower install bootstrap

-- cgit v1.2.3 From b5eca07be1fcb7cbfc4108d409f826e93af706cc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 14 Mar 2013 18:23:08 -0700 Subject: modify copy --- docs/getting-started.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 0a5b1ed43..48b5d51ad 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -43,19 +43,19 @@ description: Overview of the project, its contents, and how to get started with

Download compiled

Compiled

Fastest way to get started: get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.

Download source

Source

Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.

Install source

Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs using Bower, a package-manager for the web.

bower install bootstrap

Bower

Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using Bower.

+ {% highlight bash %}bower install bootstrap{% endhighlight %}

-- cgit v1.2.3 From ca31f060a839b957ce3a85d3eaaaae09a78bbeb0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 26 Mar 2013 17:12:17 -0700 Subject: New grid classes --- docs/getting-started.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 48b5d51ad..79b31d25d 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -19,7 +19,7 @@ description: Overview of the project, its contents, and how to get started with

+ -

-- cgit v1.2.3 From 5b298a2aaf5286564b1dc614bb439eb19edf2c25 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 26 Mar 2013 23:54:17 -0700 Subject: docs fixes with new .bs-docs-container; fixing some lingering grid classes --- docs/getting-started.html | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 79b31d25d..5717bfbaa 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -14,7 +14,7 @@ description: Overview of the project, its contents, and how to get started with -

@@ -42,17 +42,17 @@ description: Overview of the project, its contents, and how to get started with

Compiled

Fastest way to get started: get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.

Source

Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.

Bower

Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using Bower.

{% highlight bash %}bower install bootstrap{% endhighlight %} @@ -179,56 +179,56 @@ description: Overview of the project, its contents, and how to get started with

Move beyond the base template with a few example layouts. We encourage folks to iterate on these examples and not simply use them as an end result.

Starter template

A barebones HTML document with all the Bootstrap CSS and JavaScript included.

Basic marketing site

Featuring a hero unit for a primary message and three supporting elements.

Narrow marketing

Slim, lightweight marketing template for small projects or teams.

Justified nav

Marketing page with equal-width navigation links in a modified navbar.

Sign in

Barebones sign in form with custom, larger form controls and a flexible layout.

Sticky footer

Pin a fixed-height footer to the bottom of the user's viewport.

Sticky footer w/ navbar

Add a fixed navbar to the default sticky footer template.

@@ -237,28 +237,28 @@ description: Overview of the project, its contents, and how to get started with

Navbar

Basic template for showcasing how the navbar works.

Static top navbar

Basic template for showcasing the static navbar variation.

Fixed top navbar

Basic template for showcasing the fixed navbar variation.

-- cgit v1.2.3 From 081c061281c96818bf9a904a7e5e2a673aa7a54d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Mar 2013 00:21:21 -0700 Subject: new subnav on all pages --- docs/getting-started.html | 43 +++++++++++-------------------------------- 1 file changed, 11 insertions(+), 32 deletions(-) (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html index 5717bfbaa..a2b3ba514 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -4,35 +4,20 @@ title: Getting started description: Overview of the project, its contents, and how to get started with a simple template. --- - -

Getting started

Overview of the project, its contents, and how to get started with a simple template.

- +

- -

- - -

@@ -282,10 +267,4 @@ description: Overview of the project, its contents, and how to get started with Customize Bootstrap

- - - -

-- cgit v1.2.3 From 4b8b8d2e46e25820d190db957b4e837b66198f72 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Mar 2013 01:08:14 -0700 Subject: holy crap new docs layout separate from home, no more top navbar --- docs/getting-started.html | 270 ---------------------------------------------- 1 file changed, 270 deletions(-) delete mode 100644 docs/getting-started.html (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html deleted file mode 100644 index a2b3ba514..000000000 --- a/docs/getting-started.html +++ /dev/null @@ -1,270 +0,0 @@ ---- -layout: default -title: Getting started -description: Overview of the project, its contents, and how to get started with a simple template. ---- - - - -

- - -

- -

Compiled

Fastest way to get started: get the compiled and minified versions of our CSS, JS, and images. No docs or original source files.

Source

Get the original files for all CSS and JavaScript, along with a local copy of the docs by downloading the latest version directly from GitHub.

Bower

Install and manage the original files for all CSS and JavaScript, along with a local copy of the docs, using Bower.

- {% highlight bash %}bower install bootstrap{% endhighlight %} -

- - - - -

- -

Within the download you'll find the following file structure and contents, logically grouping common assets and providing both compiled and minified variations.

Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:

- -{% highlight bash %} - bootstrap/ - ├── css/ - │ ├── bootstrap.css - │ ├── bootstrap.min.css - ├── js/ - │ ├── bootstrap.js - │ ├── bootstrap.min.js - └── fonts/ - ├── glyphiconshalflings-regular.eot - ├── glyphiconshalflings-regular.otf - ├── glyphiconshalflings-regular.svg - ├── glyphiconshalflings-regular.ttf - └── glyphiconshalflings-regular.woff -{% endhighlight %} - -

Please note that all JavaScript plugins require jQuery to be included.

- - - - -

- -

Bootstrap comes equipped with HTML, CSS, and JS for all sorts of things, but they can be summarized with a handful of categories visible at the top of the Bootstrap documentation.

- -

Docs sections

In addition to the getting started documentation you're reading now, the Bootstrap docs are broken into a few key pages.

- -

Core CSS

Global styles for the body, Normalize, links, grid system, tables, forms, buttons, icons, and more.

Components

JavaScript plugins

Similar to Components, these JavaScript plugins are interactive components for things like tooltips, popovers, modals, and more.

- - - - -

- -

Now, here's a look at a typical HTML file:

- -{% highlight html linenos %} - - - - Bootstrap 101 Template - - - -

Hello, world!

- - - -{% endhighlight %} - -

To make this a Bootstrapped template, just include the appropriate CSS and JS files:

- -{% highlight html linenos %} - - - - Bootstrap 101 Template - - - - - -

Hello, world!

- - - - -{% endhighlight %} - -

And you're set! With those two files added, you can begin to develop any site or application with Bootstrap.

- -

Responsive features in IE8

-<!--[if lt IE 9]>
-  <script src="/assets/js/respond/respond.js"></script>
-<![endif]-->
-

- - - - -

- -

An interactive riff on the basic marketing site featuring a prominent carousel.

- - -

- -

Navbar

Basic template for showcasing how the navbar works.

- -

Static top navbar

Basic template for showcasing the static navbar variation.

- -

Fixed top navbar

Basic template for showcasing the fixed navbar variation.

- -

Grid examples

- - - - - -

- -

Head to the docs for information, examples, and code snippets, or take the next leap and customize Bootstrap for any upcoming project.

- Visit the Bootstrap docs - Customize Bootstrap -

- -

-- cgit v1.2.3 From 25b6df9944f59599642f1934fe7d13b0fa2c20db Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 11:20:15 -0700 Subject: rename welcome to getting started --- docs/getting-started.html | 282 ++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 282 insertions(+) create mode 100644 docs/getting-started.html (limited to 'docs/getting-started.html') diff --git a/docs/getting-started.html b/docs/getting-started.html new file mode 100644 index 000000000..130ceb38b --- /dev/null +++ b/docs/getting-started.html @@ -0,0 +1,282 @@ +--- +layout: default +title: Welcome +slug: welcome +lead: "Welcome to the Bootstrap documentation, the living, interactive style and code guide for all things Bootstrap. If you're new here, continue reading to learn how to get started. Otherwise, carry on you beautiful person you." +--- + + + +

+ +

There are a few easy ways to quickly get started with Bootstrap, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.

+ +

Download compiled CSS and JS

The fastest way to get started is to get the compiled and minified versions of our CSS, JavaScript, and fonts. No documentation or original source files are included.