부트 스트랩 풀 푸시 문제에 대한 도움이 필요합니다

Question

여기 내 첫 질문입니다. 부트 스트랩을 당겨서 두통을 앓고 있고 내가 작업하고있는 웹 사이트를 밀고 있습니다. 모바일보기에
http://i.imgur.com/tj0yuzr.png

2 :
1. 큰보기 포트 :
이것은 내가 달성하고자하는 것입니다
http://i.imgur.com/cu1gKNe.png

난에 블록 B를 끌어 부트 스트랩을 사용하고 있습니다 왼쪽. 문제는 블록 블록 A와 B : 너비 4, 블록 C : 너비 8을 갖는 것이 중요하다는 것입니다. 너비가 12보다 커지므로 어떻게해야할지 모르겠습니다. 제발 도와주세요. 고맙습니다.

Answer 1

부트 스트랩에서 열 중첩을 사용하여 & B 너비 : 4 및 C 너비 : 8을 부여 할 수 있습니다.

<div class="col-md-4"> 
    <div class="col-md-12" style="height:100px;background:red;">A</div> 
    <div class="col-md-12" style="height:100px;background:green">B</div> 
</div> 

<div class="col-md-8" style="height:200px;background:blue">C</div> 

OR (소형 기기에 B 위가되므로 C에서) 코드를 중첩없이

이

HTML

<div class="col-md-4" style="height:100px;background:red;">A</div> 
<div class="col-md-8 float" style="height:100px;background:blue">C</div> 
<div class="col-md-4" style="height:100px;background:green">B</div> 

CSS

모양을

@media (min-width: 992px) 
    { 
    .float 
    { 
     float:right!important; 
     height: 200px!important; 
    } 
    } 

jsfiddle : http://jsfiddle.net/arshadmuhammed/0qvL5bxg/