ブートストラッププッシュ、プルアライメントなし

Question

私は3つのブロックでやや特殊なデザインを実現しようとしています。お奨めするとして、私は最初の携帯開始しました：

------------------- 
|  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> 

君は！

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> 

あなたが別の列