예제

프레임워크의 일부를 사용하는 것부터 사용자 정의 컴포넌트와 레이아웃 예제를 사용하여 신속하게 프로젝트를 시작하십시오.

부트스트랩 소스코드 다운로드 하여 예제를 살펴보세요.

프레임워크 사용하기

부트스트랩에서 제공하는 내장 컴포넌트의 사용에 초점을 맞추는 예시 입니다.

초보자 템플릿

컴파일된 CSS 와 JavaScript 외에는 아무것도 없습니다.

그리드

네가지 반응형 계층, 중첩 등을 포함한 그리드 레이아웃의 몇가지 예제.

점보트론

navbar와 기본 그리드 컬럼으로 점보트론 주변을 구성해보세요.

좁은 점보트론

기본 컨테이너와 점보트론을 좁혀 맞춤 페이지를 제작할 수 있습니다.

네비게이션 바

기본 navbar 구성 요소를 가져와서 이동, 배치 및 확장하는 방법을 보여줍니다.

네비게이션 바

약간의 추가 콘텐츠와 함께 Navbar를 포함하는 기본 템플릿.

일반형 네비게이션 바

약간의 추가 콘텐츠와 함께 정적 Navbar를 포함하는 기본 템플릿.

고정형 네비게이션 바

약간의 추가 콘텐츠와 함께 고정형 Navbar를 포함하는 기본 템플릿.

하단 네비게이션 바

약간의 추가 콘텐츠와 함께 하단 Navbar를 포함하는 기본 템플릿.

맞춤 컴포넌트

새 컴포넌트와 템플릿을 사용하여 부트스트랩을 빠르게 시작하고 프레임워크를 추가하는 최상의 방법을 보여줍니다.

앨범

포토갤러리, 포트폴리오 등을 위한 심플한 원페이지 템플릿

커버

간단하고 아름다운 홈페이지 구축하기 위한 원 페이지 템플릿.

캐러셀

네비게이션 바와 캐러셀을 맞춤 설정 한 다음, 새로운 컴포넌트를 추가하십시오.

블로그

맞춤 네비게이션, 헤더 및 폰트지정을 포함한 심플한 2칼럼 블로그 레이아웃.

대시보드

고정된 sidebar와 navbar를 포함한 기본 관리자 대시보드.

로그인 페이지

간단한 로그인 폼을 위한 맞춤 폼 레이아웃과 디자인

양쪽정렬된 네비게이션

정렬된 링크가 있는 맞춤 navbar를 만듭니다. 조심! 사파리 친화적이지 않습니다.

스티키 풋터

콘텐츠가 짧을 경우 뷰포트의 바닥에 풋터를 부착합니다.

고정형 네비바&스티키 풋터

고정형 상단 navbar를 포함하여 뷰포트의 바닥에 풋터를 부착하십시오.

실험

미래지향적인 기능이나 기술에 초점을 맞춘 사례.

오프 캔버스

부트스트랩과 함께 사용할 토글형 off-canvas 네비게이션 메뉴를 만듭니다.