From: Patrick H. Lauke Date: Wed, 13 Sep 2017 18:51:08 +0000 (+0100) Subject: Structure examples with appropriate `
`, `
`, `
` X-Git-Tag: v4.0.0-beta.2~244 X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=d1b3c0c98db882cfbf6fbe85a321e83b7eb9c1d1;p=thirdparty%2Fbootstrap.git Structure examples with appropriate `
`, `
`, `
` Structure examples with appropriate `
`, `
`, `
` --- diff --git a/docs/4.0/examples/album/index.html b/docs/4.0/examples/album/index.html index 6723e53fba..ecd3f35176 100644 --- a/docs/4.0/examples/album/index.html +++ b/docs/4.0/examples/album/index.html @@ -18,90 +18,96 @@ -
-
-
-

Album example

-

Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don't simply skip over it entirely.

-

- Main call to action - Secondary action -

-
-
+
-
-
+
+
+

Album example

+

Something short and leading about the collection below—its contents, the creator, etc. Make it short and sweet, but not too short so folks don't simply skip over it entirely.

+

+ Main call to action + Secondary action +

+
+
-
-
- Card image cap -

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- Card image cap -

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- Card image cap -

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
+
+
-
- Card image cap -

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- Card image cap -

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- Card image cap -

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
+
+
+ Card image cap +

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+
+ Card image cap +

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+
+ Card image cap +

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
-
- Card image cap -

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- Card image cap -

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

-
-
- Card image cap -

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+ Card image cap +

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+
+ Card image cap +

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+
+ Card image cap +

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+ +
+ Card image cap +

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+
+ Card image cap +

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
+
+ Card image cap +

This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

+
-
+
-
+ +
diff --git a/docs/4.0/examples/blog/index.html b/docs/4.0/examples/blog/index.html index a021d7afad..4601fd76d6 100644 --- a/docs/4.0/examples/blog/index.html +++ b/docs/4.0/examples/blog/index.html @@ -18,26 +18,28 @@ -
-
- +
+
+
+ +
-
-
-
-

The Bootstrap Blog

-

An example blog template built with Bootstrap.

+
+
+

The Bootstrap Blog

+

An example blog template built with Bootstrap.

+
-
+
-
+
@@ -109,7 +111,7 @@
-
+
+
- +

Blog template built for Bootstrap by @mdo.

diff --git a/docs/4.0/examples/carousel/index.html b/docs/4.0/examples/carousel/index.html index 7d4a6ea22b..fdaebb3505 100644 --- a/docs/4.0/examples/carousel/index.html +++ b/docs/4.0/examples/carousel/index.html @@ -17,158 +17,164 @@ - - -
- -
-

Marketing stuff!

-

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.

-

Get started today

-
+
- -
-
-

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 »

+ +
+

Marketing stuff!

+

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet.

+

Get started today

-
-

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 sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

-

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 sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa.

+

View details »

+
-
+ +
diff --git a/docs/4.0/examples/narrow-jumbotron/index.html b/docs/4.0/examples/narrow-jumbotron/index.html index a1a5d1b644..a23076ea09 100644 --- a/docs/4.0/examples/narrow-jumbotron/index.html +++ b/docs/4.0/examples/narrow-jumbotron/index.html @@ -19,7 +19,7 @@
-
+

Project name

-
+ -
-

Jumbotron heading

-

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

-

Sign up today

-
+
-
-
-

Subheading

-

Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

+
+

Jumbotron heading

+

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

+

Sign up today

+
-

Subheading

-

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

+
+
+

Subheading

+

Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

-

Subheading

-

Maecenas sed diam eget risus varius blandit sit amet non magna.

-
+

Subheading

+

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

-
-

Subheading

-

Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

+

Subheading

+

Maecenas sed diam eget risus varius blandit sit amet non magna.

+
-

Subheading

-

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

+
+

Subheading

+

Donec id elit non mi porta gravida at eget metus. Maecenas faucibus mollis interdum.

-

Subheading

-

Maecenas sed diam eget risus varius blandit sit amet non magna.

+

Subheading

+

Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum.

+ +

Subheading

+

Maecenas sed diam eget risus varius blandit sit amet non magna.

+
-
+ +

© Company 2017

diff --git a/docs/4.0/examples/navbar-top-fixed/index.html b/docs/4.0/examples/navbar-top-fixed/index.html index 18b223fb9d..411790ddb9 100644 --- a/docs/4.0/examples/navbar-top-fixed/index.html +++ b/docs/4.0/examples/navbar-top-fixed/index.html @@ -42,13 +42,13 @@
-
+

Navbar example

This example is a quick exercise to illustrate how fixed to top navbar works. As you scroll, it will remain fixed to the top of your browser's viewport.

View navbar docs »
-
+
- + + - +
+ + +
-
+

Sticky footer with fixed navbar

Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS. A fixed navbar has been added with padding-top: 60px; on the body > .container.

Back to the default sticky footer minus the navbar.

-
+