, Я обновил свой ответ, чтобы покрыть это :)
у создать обратный эффект с помощью Bootstrap (1-й ряд: текст слева, изображение справа 2-й ряд: изображение слева, текст справа 3-й ряд: текст слева, изображение справа 4-й ряд: изображение слева, текст справа
И это продолжается и продолжается!
Он выглядит очень хорошо на больших устройствах, но затем, когда он показывает на устройстве, он логически адаптируется, как будто изображения идут один за другим!
Я хотел бы, чтобы на мобильном телефоне всегда было: вверх = текст, вниз = изображение вместо вариантов.
Вот код для двух строк:
<!-- 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>
Как это выглядит на большом медиа-устройстве
Как это выглядит на мобильном устройстве
Ура ребята !!