부트 스트랩 샘플

부트 스트랩 샘플들 입니다.

부트 스트랩하면서 초기에는 샘플들이 많이 필요합니다.

우선감을 잡아야죠...

그리고 구조를 파악하고 관련 샘플을 활용할수 있어야합니다.

아래 예제는 기본적인 예제를 링크로 걸어있습니다.

나중에 봐야지...

예제들

부트스트랩의 많은 콤포넌트를 사용한 기본 템플릿을 기반으로 하세요. 우리는 당신이 당신의 개인적인 프로젝트의 필요성에 따라 부트스트랩을 맞춤화하고 적용하기를 권장합니다.

프레임워크 사용하기

초보자 템플릿

별거 아니지만 기본입니다 : 콘테이너와 함께 합쳐진 CSS 와 자바스크립트.

부트스트랩 테마e

Load the optional Bootstrap theme for a visually enhanced experience.

그리드

4단계, 중첩 등의 그리드 레이아웃들의 몇가지 예제.

점보트론

네비게이션 바와 약간의 기본 그리드 컬럼들과 함께 점보트론을 중심으로 만드세요.

좁은 점보트론

좁은 콘테이너와 점보트론으로 맞춤화한 페이지를 만드세요.

움직이는 네비게이션

네비게이션 바

약간의 콘텐츠와 네비게이션 바가 포함된 완전 기본 템플릿.

정적 상단 네비게이션 바

약간의 콘텐츠와 정적 상단 네비게이션 바가 있는 완전 기본 템플릿.

고정된 네비게이션 바

약간의 콘텐츠와 고정된 상단 네비게이션 바가 있는 완전 기본 템플릿.

맞춤 콤포넌트

커버

간단하고 아름다운 메인페이지를 만들기 위한 1페이지 템플릿.

캐러셀

네비게이션바와 캐러셀을 맞춤화하고, 약간의 새로운 콤포넌트를 더함.

블로그

맞춤화 네비게이션, 헤더, 글자와 간단한 2열 블로그 레이아웃.

대시보드

고정된 사이드바와 네비게이션바, 관리자 대시보드를 위한 기본 구조.

로그인 페이지

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

양쪽정렬된 네비게이션

양쪽정렬된 링크로 맞춤 네비게이션바를 만듭니다. 조심하세요! 사파리에서는 잘 되지 않습니다.

밑에 붙는 하단

콘텐츠가 뷰포트보다 작아도 밑에 붙는 하단.

네비게이션 바와 밑에 붙는 하단

위에 붙는 고정된 네비게이션 바와 뷰포트 밑에 붙는 하단.

실험

비반응성 부트스트랩

문서에 나와있는대로 부트스트랩의 반응성을 간편하게 비활성화합니다.

오프캔버스

토글이 가능한 오프캔버스 네비게이션 메뉴를 만드세요.

출처 : http://bootstrapk.com/getting-started/