diff --git a/docs/_includes/nav-getting-started.html b/docs/_includes/nav-getting-started.html index fd6f8c98b..305de607b 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 617fc8ab2..000000000 --- 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 725fe07b9..000000000 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 cdc1c0726..000000000 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 4bca8cdaf..000000000 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 3d1e23389..000000000 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 206e26e34..000000000 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 30bfebfba..000000000 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 a965782d4..000000000 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 dd1f7df0d..000000000 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 7e213f2af..000000000 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 c55bbd59d..000000000 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 1bf4b85ec..000000000 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 4ad0e8681..000000000 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 fb80e7b92..000000000 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 7719e804b..000000000 --- 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 14e8ecdf6..000000000 --- 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 b94b00096..000000000 --- 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 897313449..000000000 --- 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 edf8cfae6..000000000 --- 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 2f73f08e4..000000000 --- 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 f22746900..000000000 --- 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 f8b25482e..000000000 --- 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 c93578e2b..000000000 --- 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 92db3e036..000000000 --- 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 18fdaf5fc..000000000 --- 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 fe6681ef6..000000000 --- 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 14fc1edeb..000000000 --- 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 018c8ed0a..f3258900e 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 24a0220f2..fc8e85322 100644 --- a/docs/index.html +++ b/docs/index.html @@ -22,7 +22,7 @@ title: Bootstrap GitHub project
  • - Examples + Examples
  • Bootstrap Expo