커스텀 컴포넌트

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.

Sign-in screenshot
로그인

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

Sticky footer screenshot
고정 푸터

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

Sticky footer navbar screenshot
고정 푸터와 내비게이션 바

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
기초 템플릿

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
정적 내비게이션 바

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

Navbar fixed screenshot
고정 내비게이션 바

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

Navbar bottom screenshot
하단 내비게이션 바

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

실험적

Examples that focus on future-friendly features or techniques.

Floating labels screenshot
플로팅 라벨

Beautifully simple forms with floating labels over your inputs.

Offcanvas screenshot
오프캔버스

Turn your expandable navbar into a sliding offcanvas menu.