반응형 그리드 시스템

부트스트랩은 기본적으로 12개의 영역으로 나뉘어져 있는데

이렇게 3개의 영역을 하나로 묶어 사용할 수도 있습니다.

어떻게 나누던 합이 12가 되면 된다는 말

http://www.youtube.com/watch?v=Yt4eA2f7iRM&list=PLMvLDJ7usmZB-Mu4kNB-Qtr_1serQjfti&index=5

.col-xs-(모바일폰 <768px 보다 작은경우), 

.col-sm-(테블릿>=768px보다 큰 경우), 

.col-md-(데스크탑>=992px보다 큰 경우), 

.col-lg- (>=1200px보다 큰 경우)

<div class="container">

<div class="row">

<div class="col-md-3">

<h3>

<a href="#">$500 Gaming PC Build</a>

</h3>

<p>

"[We have begun] the process of informing associates in the United

States and in some international locations about the impacts to

their departments," a spokesperson from Coca-Cola said in an

emailed statement to the BBC. <a href="#" class="btn btn-default">Read

More</a>

</div> ...

이런식으로 하나의 컨테이너 안에 하나의 row를 잡고

3개 컬럼 싸이즈를 4개를 배치시킬 수 있다.