HTML 5 문서 유형을 추가합니다. Bootstrap은 HTML 요소와 CSS 속성을 사용하므로 페이지 시작 부분에 lang 속성과 올바른 문자 집합을 사용하여 HTML 5 doctype을 추가해야 합니다.
전:
Any title //write code
Bootstrap은 모바일 친화적입니다. Bootstrap 3은 모바일 장치에 반응하도록 설계되었습니다.
모바일 우선 스타일은 Bootstrap의 핵심 프레임워크의 일부입니다. 적절한 렌더링 및 터치 확대/축소를 위해서는 요소 내부에 다음 태그를 추가해야 합니다.
메모: 그만큼 '너비=장치 너비' 부분은 장치의 화면 너비를 따르도록 페이지 너비를 설정하는 데 사용됩니다(장치에 따라 다름).
그만큼 초기 규모=1 부분은 브라우저가 페이지를 처음 로드할 때 초기 확대/축소 수준을 설정하는 데 사용됩니다.
컨테이너: 컨테이너는 사이트 콘텐츠를 포장하는 데 사용됩니다. 두 가지 컨테이너 클래스가 있습니다.
- 그만큼 .container 클래스 반응형 고정 너비 컨테이너를 제공합니다.
- 그만큼 .container-fluid 클래스는 뷰포트의 전체 너비에 걸쳐 있는 전체 너비 컨테이너를 제공합니다.
참고: 컨테이너는 컨테이너 내부에 배치될 수 없습니다.
첫 번째 부트스트랩 예(반응형 고정 너비 컨테이너 포함)
This is a Bootstrap example <p>Write your text here..</p>
지금 테스트해보세요