diff --git a/docs/assets/bootstrap.zip b/docs/assets/bootstrap.zip index 46178d1f86..df6bc2768f 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 2e6da9c797..c3a6848d74 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 0000000000..151b987cb7 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 0000000000..cd4a321078 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 0000000000..09c8a066d8 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 4bdeec0557..6f35b71694 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 05aee06bc9..4249822d7b 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 850ac0fa69..22d78b982b 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 52ea659bb0..70432cea15 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 b25ed55bf7..0000000000 --- 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 2812e21527..0000000000 --- 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 57ee5b0918..b38ff98708 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 0000000000..99450aa035 --- /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.

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