Examples

Build on the basic template above with Bootstrap's many components. We encourage you to customize and adapt Bootstrap to suit your individual project's needs.

Containers

Full Page example

Full Page

Full page represtation of page using .container-table

Flex Container example

Flex Container

Flex container to adjust row components height.

Login Page example

Login

Simple Login Page using login Container.

2 Column Login example

2 Column Login

Build a Login page in 2 columns.

Navbars

Navbar example

Slide

A basic template for Slide Navigation.

Static top navbar example

Slide In

A basic template for Slide In Navigation.

Navmenu

A basic template showing the navmenu element and demonstrates usage of the offcanvas plugin.

Off Canvas Push Menu

A template demonstrating a push effect for the off canvas navmenu.

Off Canvas Reveal Menu

A template demonstrating a reveal effect by placing the navmenu under the content.

Scroll to Top

This is a template to show how scroll to top button works.

Sidebars

This layout is specifically designed to keep sidebar of fixed width and content of fluid width. Such option is adopted by old sites, blogs, document page, video watch page and more. These sidebars are different from fixed navmenu as they are at relative position rather than fixed.

Navbar example

Simple Sidebar

This is a simple sidebar for page navigation that breaks at mobile devices.

Static top navbar example

Navmenu Sidebar

This a offcanvas example with navmenu as sidebar i.e. toggleable in mobile devices.

Blog Sidebar

The sidebar is position at right and break at mobile device breakpoint