diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index 46178d1f8..df6bc2768 100644 Binary files a/docs/assets/bootstrap.zip and b/docs/assets/bootstrap.zip differ diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2e6da9c79..c3a6848d7 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -61,6 +61,7 @@ hr.soften { position: relative; } .jumbotron h1 { + margin-bottom: 9px; font-size: 81px; letter-spacing: -1px; line-height: 1; @@ -568,6 +569,13 @@ form.well { margin-left: 6px; } +/* Eaxmples page +------------------------- */ +.bootstrap-examples .thumbnail { + margin-bottom: 9px; + background-color: #fff; +} + /* Responsive Docs -------------------------------------------------- */ diff --git a/docs/assets/img/examples/bootstrap-example-fluid.jpg b/docs/assets/img/examples/bootstrap-example-fluid.jpg new file mode 100644 index 000000000..151b987cb Binary files /dev/null and b/docs/assets/img/examples/bootstrap-example-fluid.jpg differ diff --git a/docs/assets/img/examples/bootstrap-example-hero.jpg b/docs/assets/img/examples/bootstrap-example-hero.jpg new file mode 100644 index 000000000..cd4a32107 Binary files /dev/null and b/docs/assets/img/examples/bootstrap-example-hero.jpg differ diff --git a/docs/assets/img/examples/bootstrap-example-starter.jpg b/docs/assets/img/examples/bootstrap-example-starter.jpg new file mode 100644 index 000000000..09c8a066d Binary files /dev/null and b/docs/assets/img/examples/bootstrap-example-starter.jpg differ diff --git a/docs/examples.html b/docs/examples.html index 4bdeec055..6f35b7169 100644 --- a/docs/examples.html +++ b/docs/examples.html @@ -74,60 +74,35 @@
-
- Heads up! This page is still under construction and is missing plenty of documentation. Hang tight! -
-

Bootstrap examples

-

Use these examples as starting points for your work with Bootstrap. We encourage everyone to iterate on these examples and not simply use them as an end result.

+

We've included a few basic examples as starting points for your work with Bootstrap. We encourage folks to iterate on these examples and not simply use them as an end result.

diff --git a/docs/less.html b/docs/less.html index 05aee06bc..4249822d7 100644 --- a/docs/less.html +++ b/docs/less.html @@ -74,10 +74,6 @@
-
- Heads up! This page is still under construction and is missing plenty of documentation. Hang tight! -
-
diff --git a/docs/templates/pages/examples.mustache b/docs/templates/pages/examples.mustache index 850ac0fa6..22d78b982 100644 --- a/docs/templates/pages/examples.mustache +++ b/docs/templates/pages/examples.mustache @@ -1,56 +1,31 @@ -
- Heads up! This page is still under construction and is missing plenty of documentation. Hang tight! -
-

{{_i}}Bootstrap examples{{/i}}

-

{{_i}}Use these examples as starting points for your work with Bootstrap. We encourage everyone to iterate on these examples and not simply use them as an end result.{{/i}}

+

{{_i}}We've included a few basic examples as starting points for your work with Bootstrap. We encourage folks to iterate on these examples and not simply use them as an end result.{{/i}}

  • - - + + -

    Basic marketing site

    -

    +

    {{_i}}Basic marketing site{{/i}}

    +

    {{_i}}Featuring a hero unit for a primary message and three supporting elements.{{/i}}

  • - - + + -

    Fluid layout

    -

    +

    {{_i}}Fluid layout{{/i}}

    +

    {{_i}}Uses are new responsive, fluid grid system to create seamless liquid layout.{{/i}}

  • - - + + -

    Fluid layout reversed

    -

    -
    • -
  • - - - -

    Container application

    -

    -
    • -
  • - - - -

    Fullscreen

    -

    -
    • -
  • - - - -

    Simple layout

    -

    +

    {{_i}}Starter template{{/i}}

    +

    {{_i}}A barebones HTML document with all the Bootstrap CSS and javascript included.{{/i}}

diff --git a/docs/templates/pages/less.mustache b/docs/templates/pages/less.mustache index 52ea659bb..70432cea1 100644 --- a/docs/templates/pages/less.mustache +++ b/docs/templates/pages/less.mustache @@ -1,7 +1,3 @@ -
- Heads up! This page is still under construction and is missing plenty of documentation. Hang tight! -
-
diff --git a/examples/container-app.html b/examples/container-app.html deleted file mode 100644 index b25ed55bf..000000000 --- a/examples/container-app.html +++ /dev/null @@ -1,114 +0,0 @@ - - - - - Bootstrap, from Twitter - - - - - - - - - - - - - - - - - - - -
-
-
- Project name - -
- - - -
-
-
-
- -
- -
-
-

Page name Supporting text or tagline

-
-
-
-

Main content

-
-
-

Secondary content

-
-
-
- -
-

© Company 2012

-
- -
- - - diff --git a/examples/fluid-reverse.html b/examples/fluid-reverse.html deleted file mode 100644 index 2812e2152..000000000 --- a/examples/fluid-reverse.html +++ /dev/null @@ -1,141 +0,0 @@ - - - - - Bootstrap, from Twitter - - - - - - - - - - - - - - - - - - - - -
-
-
- - - - - - Project name -
- -

Logged in as username

-
-
-
-
- -
-
-
-
-

Hello, world!

-

This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.

-

Learn more »

-
-
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-

Heading

-

Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.

-

View details »

-
-
-
-
-
- -
-
-
- -
- -
-

© Company 2012

-
- -
- - - - - - - - - - diff --git a/examples/fluid.html b/examples/fluid.html index 57ee5b091..b38ff9870 100644 --- a/examples/fluid.html +++ b/examples/fluid.html @@ -58,7 +58,7 @@
-
    +
    • Sidebar
    • Link
    • Link
      • diff --git a/examples/starter-template.html b/examples/starter-template.html new file mode 100644 index 000000000..99450aa03 --- /dev/null +++ b/examples/starter-template.html @@ -0,0 +1,78 @@ + + + + + Bootstrap, from Twitter + + + + + + + + + + + + + + + + + + + + +
      +
      +
      + + + + + + Project name +
      + +
      +
      +
      +
      + +
      + +

      Bootstrap starter template

      +

      Use this document as a way to quick start any new project.
      All you get is this message and a barebones HTML document.

      + +
      + + + + + + + + + + + + + + + + + + + +