diff --git a/docs/4.0/examples/index.html b/docs/4.0/examples/index.html index 8b137891..0911d6f8 100644 --- a/docs/4.0/examples/index.html +++ b/docs/4.0/examples/index.html @@ -1 +1,430 @@ + + + + + + + + Examples · Bootstrap Material Design + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Skip to main content +
+ + +
+ + Bootstrap + + + +
+ +
+ + + + Download +
+ + + +
+
+
+

Examples

+

Quickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.

+ Download source code +
+ + +
+ +
+ +

Custom components

+

Brand new components and templates to help folks quickly get started with Bootstrap and demonstrate best practices for adding onto the framework.

+ +
+
+ + Album screenshot +
Album
+ +

Simple one-page template for photo galleries, portfolios, and more.

+
+ + + +
+ + Pricing screenshot +
Pricing
+ +

Example pricing page built with Cards and featuring a custom header and footer.

+
+ + + +
+ + Checkout screenshot +
Checkout
+ +

Custom checkout form showing our form components and their validation features.

+
+ + + +
+ + Product screenshot +
Product
+ +

Lean product-focused marketing page with extensive grid and image work.

+
+ + + +
+ + Cover screenshot +
Cover
+ +

A one-page template for building simple and beautiful home pages.

+
+ + + +
+ + Carousel screenshot +
Carousel
+ +

Customize the navbar and carousel, then add some new components.

+
+ + + +
+ + Blog screenshot +
Blog
+ +

Magazine like blog template with header, navigation, featured content.

+
+ + + +
+ + Dashboard screenshot +
Dashboard
+ +

Basic admin dashboard shell with fixed sidebar and navbar.

+
+ + + +
+ + Sign-in screenshot +
Sign-in
+ +

Custom form layout and design for a simple sign in form.

+
+ + + +
+ + Sticky footer screenshot +
Sticky footer
+ +

Attach a footer to the bottom of the viewport when page content is short.

+
+ + + +
+ + Sticky footer navbar screenshot +
Sticky footer navbar
+ +

Attach a footer to the bottom of the viewport with a fixed top navbar.

+
+
+ + +

Framework

+

Examples that focus on implementing uses of built-in components provided by Bootstrap.

+ +
+
+ + Starter template screenshot +
Starter template
+ +

Nothing but the basics: compiled CSS and JavaScript.

+
+ + + +
+ + Grid screenshot +
Grid
+ +

Multiple examples of grid layouts with all four tiers, nesting, and more.

+
+ + + +
+ + Jumbotron screenshot +
Jumbotron
+ +

Build around the jumbotron with a navbar and some basic grid columns.

+
+
+ + +

Navbars

+

Taking the default navbar component and showing how it can be moved, placed, and extended.

+ +
+
+ + Navbars screenshot +
Navbars
+ +

Demonstration of all responsive and container options for the navbar.

+
+ + + +
+ + Navbar static screenshot +
Navbar static
+ +

Single navbar example of a static top navbar along with some additional content.

+
+ + + +
+ + Navbar fixed screenshot +
Navbar fixed
+ +

Single navbar example with a fixed top navbar along with some additional content.

+
+ + + +
+ + Navbar bottom screenshot +
Navbar bottom
+ +

Single navbar example with a bottom navbar along with some additional content.

+
+
+ + +

Experiments

+

Examples that focus on future-friendly features or techniques.

+ +
+
+ + Floating labels screenshot +
Floating labels
+ +

Beautifully simple forms with floating labels over your inputs.

+
+ + + +
+ + Offcanvas screenshot +
Offcanvas
+ +

Turn your expandable navbar into a sliding offcanvas menu.

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