Yanıtla sol ve sağ hücreleri aşağıya doğru, ortadaki hücre yukarı, Bootstrap

Question

Sol taraftaki bir metin sütunum, ortadaki resim ve sağdaki başka bir metin sütunu. Küçük ekran boyutlarında, önce resmin gösterilmesini istiyorum, ardından aşağıda görüntülenecek metin sütunlarını.

Bunu nasıl yapabilirim?

<div class="row"> 
    <div class="col-lg-3"><p>Text1</p></div> 
    <div class="col-lg-6"><img src="inmiddleorabove.png"></div> 
    <div class="col-lg-3"><p>Text2</p></div> 
</div> 

Answer 1

İhtiyacınız bu mu:

Benim 3 sütun

benziyor? Deneyin: Sen sonra diğer ekran boyutu için Sütunlarınızın itmek veya çekmek için column ordering kullanın ilk küçük ekran için sütunların sırasını ayarlamak gerekir

<div class="row"> 
    <div class="col-xs-12 col-lg-6 col-lg-push-3"> 
     <img src="inmiddleorabove.png"> 
    </div> 
    <div class="col-xs-3 col-lg-3 col-lg-pull-6"> 
     <p>Text1</p> 
    </div> 
    <div class="col-xs-3 col-lg-3"> 
     <p>Text2</p> 
    </div> 
</div> 

.

Bu yardımın umarım.

buradan bakınız: itme çekme http://bootply.com/y4N70nGh40