diff --git a/docs/_includes/nav-getting-started.html b/docs/_includes/nav-getting-started.html index fd6f8c98b0..305de607bd 100644 --- a/docs/_includes/nav-getting-started.html +++ b/docs/_includes/nav-getting-started.html @@ -9,11 +9,7 @@ What's included
  • - Templates and examples - + Basic template
  • Customizing Bootstrap diff --git a/docs/_layouts/example.html b/docs/_layouts/example.html deleted file mode 100644 index 617fc8ab25..0000000000 --- a/docs/_layouts/example.html +++ /dev/null @@ -1,17 +0,0 @@ - - - - - {% include header.html %} - - - - - - {{ content }} - - - {% include footer.html %} - - - diff --git a/docs/assets/img/examples/bootstrap-example-carousel.png b/docs/assets/img/examples/bootstrap-example-carousel.png deleted file mode 100644 index 725fe07b9e..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-carousel.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-grid.png b/docs/assets/img/examples/bootstrap-example-grid.png deleted file mode 100644 index cdc1c0726b..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-grid.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-jumbotron-narrow.png b/docs/assets/img/examples/bootstrap-example-jumbotron-narrow.png deleted file mode 100644 index 4bca8cdafd..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-jumbotron-narrow.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-justified-nav.png b/docs/assets/img/examples/bootstrap-example-justified-nav.png deleted file mode 100644 index 3d1e233891..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-justified-nav.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-marketing.png b/docs/assets/img/examples/bootstrap-example-marketing.png deleted file mode 100644 index 206e26e342..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-marketing.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-navbar-fixed-top.png b/docs/assets/img/examples/bootstrap-example-navbar-fixed-top.png deleted file mode 100644 index 30bfebfba2..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-navbar-fixed-top.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-navbar-static-top.png b/docs/assets/img/examples/bootstrap-example-navbar-static-top.png deleted file mode 100644 index a965782d44..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-navbar-static-top.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-navbar.png b/docs/assets/img/examples/bootstrap-example-navbar.png deleted file mode 100644 index dd1f7df0d3..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-navbar.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-offcanvas.png b/docs/assets/img/examples/bootstrap-example-offcanvas.png deleted file mode 100644 index 7e213f2af8..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-offcanvas.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-signin.png b/docs/assets/img/examples/bootstrap-example-signin.png deleted file mode 100644 index c55bbd59de..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-signin.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-starter.png b/docs/assets/img/examples/bootstrap-example-starter.png deleted file mode 100644 index 1bf4b85ece..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-starter.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-sticky-footer-navbar.png b/docs/assets/img/examples/bootstrap-example-sticky-footer-navbar.png deleted file mode 100644 index 4ad0e86819..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-sticky-footer-navbar.png and /dev/null differ diff --git a/docs/assets/img/examples/bootstrap-example-sticky-footer.png b/docs/assets/img/examples/bootstrap-example-sticky-footer.png deleted file mode 100644 index fb80e7b92f..0000000000 Binary files a/docs/assets/img/examples/bootstrap-example-sticky-footer.png and /dev/null differ diff --git a/docs/examples/carousel.html b/docs/examples/carousel.html deleted file mode 100644 index 7719e804b8..0000000000 --- a/docs/examples/carousel.html +++ /dev/null @@ -1,384 +0,0 @@ ---- -layout: example -title: Carousel template ---- - - - - - - - -
    -
    - -
    -
    - - Project name -
    - -
    -
    -
    - -
    -
    - - - - - - - - - - -
    - - -
    -
    - -

    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.

    -

    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.

    -

    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 heading. 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.

    -
    - -
    - -
    - -

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

    -

    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.

    -
    - -
    - -
    - -

    And lastly, this one. Checkmate.

    -

    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.

    -
    - -
    - - - - - - - -
    diff --git a/docs/examples/grid.html b/docs/examples/grid.html deleted file mode 100644 index 14e8ecdf67..0000000000 --- a/docs/examples/grid.html +++ /dev/null @@ -1,104 +0,0 @@ ---- -layout: example -title: Grid template ---- - - - - - -
    - -

    Bootstrap grids

    -

    Basic grid layouts to get you familiar with building within the Bootstrap grid system.

    - -

    Three equal columns

    -
    -
    .col-lg-4
    -
    .col-lg-4
    -
    .col-lg-4
    -
    - -

    Three unequal columns

    -
    -
    .col-lg-3
    -
    .col-lg-6
    -
    .col-lg-3
    -
    - -

    Two columns

    -
    -
    .col-lg-8
    -
    .col-lg-4
    -
    - -

    Full width, single column

    -

    No grid classes are necessary for full-width elements.

    - -

    Two columns with two nested columns

    -
    -
    - .col-lg-8 -
    -
    .col-lg-6
    -
    .col-lg-6
    -
    -
    -
    .col-lg-4
    -
    - -

    Mixed: mobile and desktop

    -
    -
    .col-12 .col-lg-8
    -
    .col-6 .col-lg-4
    -
    -
    -
    .col-6 .col-lg-4
    -
    .col-6 .col-lg-4
    -
    .col-6 .col-lg-4
    -
    -
    -
    .col-6 .col-lg-6
    -
    .col-6 .col-lg-6
    -
    - -

    Mixed: mobile, tablet, and desktop

    -
    -
    .col-12 .col-lg-8
    -
    .col-6 .col-lg-4
    -
    -
    -
    .col-6 .col-lg-4
    -
    .col-6 .col-lg-4
    -
    .col-6 .col-lg-4
    -
    -
    -
    .col-6 .col-lg-6
    -
    .col-6 .col-lg-6
    -
    - - -
    diff --git a/docs/examples/jumbotron-narrow.html b/docs/examples/jumbotron-narrow.html deleted file mode 100644 index b94b000962..0000000000 --- a/docs/examples/jumbotron-narrow.html +++ /dev/null @@ -1,134 +0,0 @@ ---- -layout: example -title: Narrow page template ---- - - - - - - -
    -
    - -

    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.

    - -

    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.

    -
    -
    - -
    -

    © Company 2013

    -
    - -
    diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html deleted file mode 100644 index 897313449d..0000000000 --- a/docs/examples/jumbotron.html +++ /dev/null @@ -1,112 +0,0 @@ ---- -layout: example -title: Jumbotron template ---- - - - - -
    -
    - - Project name -
    - -
    - - - -
    -
    -
    -
    - -
    - - -
    -

    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 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 »

    -
    -
    - -
    - -
    -

    © Company 2013

    -
    -
    - -
    diff --git a/docs/examples/justified-nav.html b/docs/examples/justified-nav.html deleted file mode 100644 index edf8cfae62..0000000000 --- a/docs/examples/justified-nav.html +++ /dev/null @@ -1,145 +0,0 @@ ---- -layout: example -title: Justified nav template ---- - - - - - - -
    - -
    -

    Project name

    - -
    - - -
    -

    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 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 »

    -
    -
    - -
    - - -
    -

    © Company 2013

    -
    - -
    diff --git a/docs/examples/navbar-fixed-top.html b/docs/examples/navbar-fixed-top.html deleted file mode 100644 index 2f73f08e46..0000000000 --- a/docs/examples/navbar-fixed-top.html +++ /dev/null @@ -1,67 +0,0 @@ ---- -layout: example -title: Fixed navbar template ---- - - - - - - -
    -
    - - Project name -
    - - -
    -
    -
    - -
    - - -
    -

    Navbar example

    -

    This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

    -

    - View navbar docs » -

    -
    - -
    diff --git a/docs/examples/navbar-static-top.html b/docs/examples/navbar-static-top.html deleted file mode 100644 index f227469001..0000000000 --- a/docs/examples/navbar-static-top.html +++ /dev/null @@ -1,64 +0,0 @@ ---- -layout: example -title: Static navbar template ---- - - - - - - -
    -
    - - Project name -
    - - -
    -
    -
    - - -
    - - -
    -

    Navbar example

    -

    This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

    -

    - View navbar docs » -

    -
    - -
    diff --git a/docs/examples/navbar.html b/docs/examples/navbar.html deleted file mode 100644 index f8b25482ee..0000000000 --- a/docs/examples/navbar.html +++ /dev/null @@ -1,67 +0,0 @@ ---- -layout: example -title: Navbar template ---- - - - - - -
    - - -
    -
    - - Project name -
    - - -
    -
    -
    - - -
    -

    Navbar example

    -

    This example is a quick exercise to illustrate how the default, static navbar and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device.

    -

    - View navbar docs » -

    -
    - -
    diff --git a/docs/examples/offcanvas.html b/docs/examples/offcanvas.html deleted file mode 100644 index c93578e2bb..0000000000 --- a/docs/examples/offcanvas.html +++ /dev/null @@ -1,205 +0,0 @@ ---- -layout: example -title: Static navbar template ---- - - - - - - -
    -
    - - Project name -
    - -
    -
    -
    - -
    - -
    -
    - -
    -

    Hello, world!

    -

    This is an example to show the potential of an offcanvas layout pattern in Bootstrap. Try some responsive-range viewport sizes to see it in action.

    -
    -
    -
    -

    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/docs/examples/signin.html b/docs/examples/signin.html deleted file mode 100644 index 92db3e0365..0000000000 --- a/docs/examples/signin.html +++ /dev/null @@ -1,68 +0,0 @@ ---- -layout: example -title: Sign in form template ---- - - - - - - -
    - - - -
    diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html deleted file mode 100644 index 18fdaf5fc3..0000000000 --- a/docs/examples/starter-template.html +++ /dev/null @@ -1,43 +0,0 @@ ---- -layout: example -title: Starter template ---- - - - - - -
    -
    - - Project name -
    - -
    -
    -
    - -
    - -
    -

    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.

    -
    - -
    diff --git a/docs/examples/sticky-footer-navbar.html b/docs/examples/sticky-footer-navbar.html deleted file mode 100644 index fe6681ef69..0000000000 --- a/docs/examples/sticky-footer-navbar.html +++ /dev/null @@ -1,114 +0,0 @@ ---- -layout: example -title: Sticky footer with navbar template ---- - - - - - - - -
    - - -
    -
    - - Project name -
    - -
    -
    -
    - - -
    -
    -

    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 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 deleted file mode 100644 index 14fc1edebe..0000000000 --- a/docs/examples/sticky-footer.html +++ /dev/null @@ -1,79 +0,0 @@ ---- -layout: example -title: Sticky footer template ---- - - - - - - - -
    - - -
    -
    -

    Sticky footer

    -
    -

    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 018c8ed0a0..f3258900eb 100644 --- a/docs/getting-started.html +++ b/docs/getting-started.html @@ -82,11 +82,11 @@ bootstrap/ - -
    +
    -

    Templates and examples

    +

    Basic template

    Make use of a super basic HTML template, or dive into a few examples we've started for you. We encourage folks to iterate on these examples and not simply use them as an end result.

    @@ -115,101 +115,10 @@ bootstrap/ {% endhighlight %} -

    Examples

    -
    -
    -
    - - - -

    Starter template

    -

    A barebones HTML page with Bootstrap's CSS and JavaScript included.

    -
    -
    - - - -

    Basic grid layouts

    -

    Simple grid layouts to familiarize you with using the Bootstrap grid system.

    -
    -
    - - - -

    Basic marketing site

    -

    Features a jumbotron for 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.

    -
    -
    - - - -

    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.

    -
    -
    -
    +
    + +

    Looking for more example templates?

    +

    Check out the new Examples repository on GitHub, or view them in your browser. Included are over a dozen example templates for building with and extending Bootstrap.

    diff --git a/docs/index.html b/docs/index.html index 24a0220f2f..fc8e85322a 100644 --- a/docs/index.html +++ b/docs/index.html @@ -22,7 +22,7 @@ title: Bootstrap GitHub project
  • - Examples + Examples
  • Bootstrap Expo