Example headline.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ Sign up today

One more for good measure.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

- Browse gallery -

Another example headline.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ Learn more

- ‹ - › -

- - - - - - -

- - -

Heading

Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

View details »

Heading

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

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 justo sit amet risus.

View details »

- - - - -

- -

First featurette headling. It'll blow your mind.

Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.

One more for good measure.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.

+ Browse gallery +

+ ‹ + › +

Oh yeah, it's that good. See for yourself.

+ + -

And lastly, this one. Checkmate.

+ + +

Heading

View details »

Heading

View details »

Heading

View details »

+ + + + +

+ +

First featurette headling. It'll blow your mind.

+ +

Oh yeah, it's that good. See for yourself.

+ +

And lastly, this one. Checkmate.

+ +

+ + + + + + -

- - - - - - - -

- - - - - - - - - - - - - - - - - - - - - - +

diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html index a9dccc814b..6a73900457 100644 --- a/docs/examples/jumbotron-narrow.html +++ b/docs/examples/jumbotron-narrow.html @@ -1,173 +1,128 @@ - - - - - Narrow page template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - -

- - -

Super awesome marketing speak!

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.

- -

Subheading

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

- -

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.

- -

Subheading

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

- -

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.

- -

- - - -

- - - - - - - - - - - - - - - - - - - - - +--- +layout: example +title: Narrow page template +--- + + + + + + +

+ + +

Super awesome marketing speak!

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.

+ +

Subheading

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

+ +

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.

+ +

Subheading

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

+ +

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.

+ +

+ + + +

diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index 2a5c1e661e..907d1413a8 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -1,157 +1,112 @@ - - - - - Jumbotron template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - -

- - Project name -

Home
About
Contact
- Dropdown -
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
-

- - -

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 »

+ +

+ + +

Hello, world!

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

View details »

Heading

View details »

Heading

View details »

- -

- - +

Heading

View details »

Heading

View details »

- - +

- - - - - - - - - - - - - - - + +

- - +

diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html index 5e818407c5..fabe8623a3 100644 --- a/docs/examples/justified-nav.html +++ b/docs/examples/justified-nav.html @@ -1,197 +1,146 @@ - - - - - Justified nav template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - -

- -

Project name

+--- +layout: example +title: Justified nav template +--- + + + + + + +

+ + + + +

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

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

View details »

Heading

View details »

- - -

Heading

View details »

Heading

View details »

Heading

View details »

- -

- - - + + -

- - - - - - - - - - - - - - - - - - - - - +

diff --git a/docs/examples/signin.html b/docs/examples/signin.html index 899bc6f5d4..ce3d312dc4 100644 --- a/docs/examples/signin.html +++ b/docs/examples/signin.html @@ -1,113 +1,68 @@ - - - - - Sign in form template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - -

- - - -

- - - - - - - - - - - - - - - - - - - - - +--- +layout: example +title: Sign in form template +--- + + + + + + +

+ + + +

diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html index 4377fb6207..d8cbfdd70e 100644 --- a/docs/examples/starter-template.html +++ b/docs/examples/starter-template.html @@ -1,87 +1,45 @@ - - - - - Starter template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - +--- +layout: example +title: Starter template +--- + + + + + + -

Bootstrap starter template

Use this document as a way to quickly start any new project.
All you get is this text and a mostly barebones HTML document.

- -

- - - - - - - - - - - - - - - +

Bootstrap starter template

Use this document as a way to quickly start any new project.
All you get is this text and a mostly barebones HTML document.

- - +

\ No newline at end of file diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html index c700ed2cab..b083b6a712 100644 --- a/docs/examples/sticky-footer-navbar.html +++ b/docs/examples/sticky-footer-navbar.html @@ -1,162 +1,117 @@ - - - - - Sticky footer with navbar template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - -

- - -

- - Project name -

Home
About
Contact
- Dropdown -
- Action
- Another action
- Something else here
- Nav header
- Separated link
- One more separated link
-

+ + + - - -

- -

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 within #wrap with padding-top: 60px; on the .container.

Back to the default sticky footer minus the navbar.

- -

+ +

- + + diff --git a/docs/examples/sticky-footer.html b/docs/examples/sticky-footer.html index 74b01dd936..e3f6c9f445 100644 --- a/docs/examples/sticky-footer.html +++ b/docs/examples/sticky-footer.html @@ -1,126 +1,81 @@ - - - - - Sticky footer template · Bootstrap - - - - - - - - - - - - - - - - - - - - - - - - - - -

- - -

- -

Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

Use the sticky footer with a fixed navbar if need be, too.

- -

+--- +layout: example +title: Sticky footer template +--- + + + + + + + +

+ + +

+ - - - - - - - - - - - - - - - - - - - - - - - +

Pin a fixed-height footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.

Use the sticky footer with a fixed navbar if need be, too.

+ +

+ + diff --git a/docs/getting-started.html b/docs/getting-started.html index 742dc466f6..9f63c5b4c6 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

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.

- +