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

亚洲成人AV 日韩成人a VExample 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

亚洲成人AV 日韩成人a VA one-page template for building simple and beautiful home pages.

Carousel screenshot
Carousel

亚洲成人AV 日韩成人a VCustomize the navbar and carousel, then add some new components.

Blog screenshot
Blog

亚洲成人AV 日韩成人a VMagazine 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

亚洲成人AV 日韩成人a VAttach a footer to the bottom of the viewport when page content is short.

Sticky footer navbar screenshot
Sticky footer navbar

亚洲成人AV 日韩成人a VAttach a footer to the bottom of the viewport with a fixed top navbar.

Framework

亚洲成人AV 日韩成人a VExamples 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

亚洲成人AV 日韩成人a VMultiple examples of grid layouts with all four tiers, nesting, and more.

Jumbotron screenshot
Jumbotron

亚洲成人AV 日韩成人a VBuild 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

亚洲成人AV 日韩成人a VSingle 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

亚洲成人AV 日韩成人a VBeautifully simple forms with floating labels over your inputs.

Offcanvas screenshot
Offcanvas

Turn your expandable navbar into a sliding offcanvas menu.