twitter-bootstrap-3
그리드 시스템

부트 스트랩 그리드 시스템

부트 스트랩은 행과 열을 가진 그리드 시스템을 사용합니다.

그리드 시스템에서는 행 클래스를 사용하여 세로로 다른 화면 크기에 대해 크기가 각각 12 단위 인 가로 상자를 만듭니다. 12 개의 열을 모두 개별적으로 사용하지 않으려면 열을 그룹화하여 더 넓은 열을 만들 수 있습니다.

예 : 3 열의 행을 만들고 싶다면 - 크기가 3, 크기 2, 크기가 각각 3 인 열 (class = col.xs.xx)과 class = "row"인 div가 있습니다 (즉, 가로 상자 하나) 7 (3 + 2 + 7 = 12)는 xs = 여분의 작은 화면 크기

표제

로렘 ipsum

그리드 클래스

부트 스트랩 그리드 시스템에는 다음과 같은 반응 형 디자인을위한 네 가지 클래스가 있습니다.

xs (for phones)
sm (for tablets)
md (for desktops)
lg (for larger desktops)

사용하는 방법?

기본 예제 4 열

<div class="row">
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
  <div class="col-sm-4">Your Div Content</div>
</div>

예제 4 열