대형 기기 만들기
대형 기기는 특별한 내용이나 정보에 특별한주의를 호출 큰 상자를 나타냅니다.
대형 기기는 모서리가 둥근 회색 상자로 표시됩니다. 또한, 그 안에 텍스트의 폰트 크기를 확대한다.
팁 : 대형 기기 내부에서 당신은 다른 사람을 포함하여 거의 모든 유효한 HTML, 넣을 수 있습니다 Bootstrap 요소 / 클래스.
용도 <div> 클래스와 요소를 .jumbotron 대형 기기를 만들 수 :
Bootstrap 자습서
Bootstrap 웹에서 응답, 모바일 최초의 프로젝트 개발을위한 가장 인기있는 HTML, CSS 및 JS 프레임 워크입니다.
대형 기기 내부 컨테이너
내부의 대형 기기 배치 <div class="container"> 당신은 대형 기기가 화면의 가장자리로 확장하지하려면를 :
예
<div class="container">
<div class="jumbotron">
<h1>Bootstrap
Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS
framework for developing
responsive, mobile-first projects on the
web.</p>
</div>
<p>This is some text.</p>
<p>This is another text.</p>
</div>
»그것을 자신을 시도 컨테이너 외부 대형 기기
외부 대형 기기 배치 <div class="container"> 당신은 대형 기기 화면 가장자리로 확장 할 경우를 :
예
<div class="jumbotron">
<h1>Bootstrap
Tutorial</h1>
<p>Bootstrap is the most popular HTML, CSS, and JS
framework for developing responsive,
mobile-first projects on the
web.</p>
</div>
<div class="container">
<p>This is some text.</p>
<p>This is another text.</p>
</div>
»그것을 자신을 시도 페이지 헤더 만들기
페이지 헤더 섹션 분배기와 같다.
.page-header 클래스는 제목 아래 수평 라인을 추가 (+ 요소 주위에 약간의 여분의 공간을 추가)
예 페이지 머리글
용도 <div> 클래스와 요소 .page-header 페이지 머리글을 만들 수 :