Я хочу создать эту структуру с помощью начальной загрузки:
Итак, на рабочем столе это выглядит как изображение, а на планшете / мобильном телефоне оно показывает изображение сначала и нижетекст, чтобы сделать его отзывчивым.Живой пример здесь .
<div class="container" style="height: 100%;margin-top: 200px;">
<div class="row">
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row" style="padding-top: 100px;">
<div class="img-container col-lg-7 mx-auto">
<img class="lozad" alt="" src="img/_MG_6501%20copia.jpg" data-src="img/_MG_6501%20copia.jpg" width="100%" />
</div>
<div class="col-lg-5 mx-auto home-text-div">
<h1>ESTA ES MI SEGUNDA CASA"</h1>
</div>
</div>
</div>
</div>
Спасибо.