부트 스트랩 열과 행

Question

최대 12 개까지 허용하는 부트 스트랩 열을 사용하고 있습니다. 하나의 행에 두 개의 다른 div가 필요합니다. 하나는 12 cols이고 다른 하나는 4입니다. 하나의 행에 4 개의 cols 중 하나가 필요합니다. 둘 다 divs가 같은 행에 있음을 의미합니다. 제발 어떻게 이것을 달성합니까. 감사.

Answer 1

먼저 주 컨테이너를 두 개의 열로 나눌 수 있습니다 (예 : 50/50). 그 안에는 다음 열을 넣을 수 있습니다.

<div class="container"> 
    <div class="col-md-6> 
    <div class="col-md-3></div> 
    <div class="col-md-3></div> 
    <div class="col-md-3></div> 
    <div class="col-md-3></div> 
    </div> 
    <div class="col-md-6> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    <div class="col-md-1></div> 
    </div> 
</div> 

Answer 2

당신은 아래에 언급 된 단계에 따라 그것을 만들 수 있습니다 :

1. 이동 페이지 Customize Bootstrap에 있습니다.
2. 12에서 16까지 변수의 값을 @grid-columns 늘립니다.
3. 수정 된 CSS를 컴파일하고 다운로드하십시오.

다음과 같이 12 열 대신 16 열을 사용할 수 있습니다.

<div class="row"> 
    <div class="col-xs-12"></div> 
    <div class="col-xs-4"></div> 
</div>