Examples

Examples

From

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

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

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

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

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

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

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

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

Basic admin dashboard shell with fixed sidebar and navbar.

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

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

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.

Nothing but the basics: compiled CSS and JavaScript.

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

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.

Demonstration of all responsive and container options for the navbar.

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

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

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

Experiments

Examples that focus on future-friendly features or techniques.

Beautifully simple forms with floating labels over your inputs.

Turn your expandable navbar into a sliding offcanvas menu.


Page 2

B

Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

Currently v3.3.7

Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.

Bootstrap ships with vanilla CSS, but its source code utilizes the two most popular CSS preprocessors, and . Quickly get started with precompiled CSS or build on the source.

Bootstrap easily and efficiently scales your websites and applications with a single code base, from phones to tablets to desktops with CSS media queries.

With Bootstrap, you get extensive and beautiful documentation for common HTML elements, dozens of custom HTML and CSS components, and awesome jQuery plugins.

Bootstrap is open source. It's hosted, developed, and maintained on GitHub.

Report Page