- 다른 뜻에 대해서는 컨테이너 문서를 참조하십시오.
1 개요[ | ]
- 부트스트랩 컨테이너 클래스
- 부트스트랩 .container
- 부트스트랩 container 클래스
- 작은 화면에서는 100%, 큰 화면에서는 여백 있음
화면너비 | container 너비 |
---|---|
0 ~ 767px | 100% |
768 ~ 991px | 750px |
992 ~ 1119px | 970px |
1200px ~ | 1170px |
- 내부 좌우 여백은 15px, 가운데 정렬
css
Copy
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
2 예시[ | ]
html
Copy
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/latest/css/bootstrap.min.css">
<script src="//code.jquery.com/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/latest/js/bootstrap.min.js"></script>
<div class="container" style='background:pink'>
<h1>훈민정음</h1>
<p>우리나라의 말이 중국과 달라 문자가 서로 통하지 않는데 이런 이유로 어리석은 백성이 말하고자 하는 바가 있어도 마침내 제 뜻을 능히 펴지 못하는 사람이 많으니라. 내 이를 불쌍히 여겨 새로 스물여덟 자를 만드니 사람마다 하여금 쉽게 익혀 매일 쓰기에 편안하게 하고자 할 따름이니라.</p>
</div>
3 같이 보기[ | ]
4 참고[ | ]
편집자 Jmnote Jmnote bot
로그인하시면 댓글을 쓸 수 있습니다.