Quiero crear un efecto inverso con Bootstrap (1.a fila: texto a la izquierda, imagen a la derecha 2.a fila: imagen a la izquierda, texto a la derecha 3.a fila: texto a la izquierda, imagen a la derecha 4.a fila: Imagen a la izquierda, texto a la derecha

¡Y sigue y sigue

¡Se ve muy bien en dispositivos grandes, pero cuando se muestra en el dispositivo, se adapta lógicamente como si las imágenes fueran una tras otra!

Me gustaría que en el móvil siempre vaya: Arriba = Texto, abajo = imagen en lugar de variaciones.

Aquí está el código para dos filas:

                  <!-- FIRST ROW -->
      <div class="row border-marine margin-bottom">
          <div class="col-lg-6 text-center">
            <h2 class="padding-bottom-large">Réfection de toiture</h2>
            <p>Que ce soit un toit de bardeau, de tôle ou à faible pente, Toitures l & l saura
            vous satisfaire</p>
          </div>
          <div id="no-padding" class="col-lg-6">
            <img src="assets/img/toiture.png" class="img-responsive" alt="">
          </div>
        </div>
                 <!-- SECOND ROW -->
        <div class="row border-marine margin-bottom">
          <div id="no-padding" class="col-lg-6">
            <img src="assets/img/ventilation.png" class="img-responsive" alt="">
          </div>
          <div class="col-lg-6 text-center">
            <h2 class="padding-bottom-small">Ventilation de toiture</h2>
            <p>Ayant effectué une centaine de travaux de ventilation de toiture, Toitures L & L
            possède les connaissances et l'expérience nécessaire à l'aération de votre toiture.</p>
          </div>
        </div>

Cómo se ve en un dispositivo multimedia grande

Cómo se ve en un dispositivo móvil

¡¡Animo amigos!