Бутстрап толчок, вытягивание не выравнивание

Question

Я пытаюсь достичь несколько специальной конструкции с тремя блоками. Как порекомендован я начал мобильный первый:

------------------- 
|  Title  | 
------------------- 
|  Image  | 
|     | 
------------------- 
|  Text  | 
|  ...  | 
------------------- 

Но начиная с таблеток я хочу следующих случиться:

|-------------------------| 
|    | Title | 
| Image  |-----------| 
|    |   | 
|    | Text | 
|-------------------------| 

Но вместо следующих шоу:

|-------------------------| 
|    | Title | 
| Image  |-----------| 
|    |   
|    |   
|-------------------------| 
       |   | 
       | Text | 
       |-----------| 

Мой код:

<div class="row"> 
    <div class="text-center col-sm-12 col-md-6 col-md-push-6"> 
     <h2>Title</h2> 
    </div> 
    <div class="col-md-6 col-sm-12 col-md-pull-6"> 
      <img class="img-responsive" src="url" /> 
    </div> 
    <div class="col-md-6 col-sm-12 col-md-push-6"> 
      <h4>Title of text</h4> 
      <p>Wall of text</p> 
    </div> 
</div> 

Thank вы!

Answer 1

Попробуйте это:

<div class="row"> 
<div class="col-xs-12 hidden-lg hidden-sm hidden-md text-center"> 
    <h2>Title</h2> 
</div> 
<div class="col-xs-12 col-sm-6"> 
    Image 
</div> 
<div class="col-sm-6 col-xs-12"> 
    <div class="text-center hidden-xs"> 
     <h2>Title</h2> 
    </div> 
    <div> 
     <h4>Title of text</h4> 
     <p>Wall of text</p> 
    </div> 
</div>