부트 스트랩 반응 열을 중심으로 폭

Question

태그 :

<div class="container"> 
    <div class="row"> 
    <div class="col-md-8 col-md-offset-2" style="height: 100px; background-color: red;"></div> 
    </div> 
    <div class="row"> 
    <div class="col-md-12" style="height: 100px; background-color: blue;"></div> 
    </div> 
</div> 

내가 브라우저 폭이 COL-MD-12 폭에 맞게 축소되어 감소하고있다. 각 화면 너비 범위에 대해 col-md-12 너비가 이전보다 작습니다.

그러나 col-md-8 col-md-offset-2와는 다릅니다. 첫 번째 너비는 낮추지 만 그 다음에는 늘립니다. 문제를 설명하기 위해 나는 스크린 샷을 준비했다 : http://i.imgur.com/sRENpiW.png

나는 그것이 "기본적으로"라고 생각하지만 어쩌면이 문제가 발생하여 해결책을 얻었 을까? 나는 col-md-8이 col-md-12처럼 행동하기를 바랍니다.

Answer 1

col-md-8 col-md-offset-2 "너비가 중간 이상인 경우 12 열 8 열 중 div 8을 만들고 중간에 오도록 두 열을 밀어 넣으십시오"라는 의미입니다.

창 너비를 작게 만들면 더 이상 규칙이 없으므로 전체 너비가됩니다.

작을 때의 너비를 지정하려면 그렇게하십시오. md 대신 sm을 사용하십시오.