부트 스트랩 레이아웃 분할

Question

부트 스트랩 레이아웃 디자인이 필요합니다. 첨부 파일 이미지 형식과 같은 레이아웃 디자인이 필요합니다. 나는 하나의 페이지를 두 개의 열 (머리글과 스크롤 막대가있는 내용)로 분할해야하고 다른 열은 반응이있는 두 개의 행으로 분할해야합니다. 나는 노력했지만 모두 노력했다. ... 여기

Answer 1

시작 일반적으로 https://v4-alpha.getbootstrap.com/getting-started/download/

도와주세요, 레이아웃을 구축하는 것은 컨테이너 요소로 시작합니다. 컨테이너는 12 열 그리드 시스템을 정의합니다.

여기에 세 열 레이아웃의 예이다 {열 #} - https://v4-alpha.getbootstrap.com/layout/grid/

... 여기에 대한 자세한 내용을 읽어 각 열은 이름 지정 규칙, col- {중단}와 클래스를 제공한다. 첫 번째와 마지막 .col은 3 개의 열 단위로 확장되며 가운데는 6이됩니다.

<div class="container"> 
    <div class="row"> 
    <div class="col-3"> 
     FIRST COLUMN 
    </div> 
    <div class="col-6"> 
     SECOND COLUMN 
    </div> 
    <div class="col-3"> 
     THIRD COLUMN 
    </div> 
    </div> 
</div> 

재미있는 코딩을 즐기십시오!