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

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

Pricing screenshot

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

Checkout screenshot

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

Product screenshot

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

Cover screenshot

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

Carousel screenshot

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

Blog screenshot

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

Dashboard screenshot

Basic admin dashboard shell with fixed sidebar and navbar.

screenshot

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.


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

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

Jumbotron screenshot

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


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

Navbars screenshot

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.


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

Turn your expandable navbar into a sliding offcanvas menu.

Bootstrap Themes로 더 나아가기

이러한 예제들보다 더 필요하신 것이 있나요? Bootstrap 공식 테마 마켓플레이스의 프리미엄 테마를 통해서 Bootstrap를 다음 단계로 올려놓으세요. Bootstrap을 기반으로 확장된 고유의 프레임워크, 풍부한 새로운 컴포넌트 및 플러그인, 문서, 강력한 빌드 도구로 만들어졌습니다.

테마 탐색
Bootstrap Themes