Bootstrap заполнить оставшуюся высоту

Question

, поэтому я использую сетку начальной загрузки и испытываю проблемы с обработкой пустого пространства, созданного, когда div не заполняет всю высоту, как это

когда у меня такая конфигурация

<div class="row">
    <div class="col-lg-8"> <div>diklat bkcu</div></div>
    <div class="col-lg-4"> <div>peserta diklat bkcu</div></div>
    <div class="col-lg-8"> <div>grafik perkembangan gerakan</div></div>
    <div class="col-lg-4"> <div>tabel perkembangan</div></div>
</div>

что я хочу получить, так это быть я могу получить это с помощью этого макета

<div class="row">
    <div class="col-lg-8"> 
        <div>diklat bkcu</div>
        <div>grafik perkembangan gerakan</div>
    </div>
    <div class="col-lg-4"> 
        <div>peserta diklat bkcu</div>
        <div>tabel perkembangan</div>
    </div>
</div>

но вопрос в том, как мне получить этот макет рабочего стола (второе изображение) с мобильным макетом, который выглядит следующим образом ???

+---------------------------------+
| diklat bkcu                     |
+---------------------------------+
| peserta diklat bkcu             |
+---------------------------------+
| grafik perkembangan gerakan     |
+---------------------------------+
| tabel perkembangan              |
+---------------------------------+

Answer 1

Вы можете попытаться использовать это

<div class="row ">
    <div class="col-lg-8 d-sm-none"> 
        <div>diklat bkcu</div>
        <div>grafik perkembangan gerakan</div>
    </div>
    <div class="col-lg-4 d-sm-none"> 
        <div class="row">peserta diklat bkcu</div>
        <div class="row">tabel perkembangan</div>
    </div>
    <div class="col-sm-12 d-none">diklat bkcu</div>
    <div class="col-sm-12 d-none">peserta diklat bkcu  </div>
    <div class="col-sm-12 d-none">grafik perkembangan gerakan </div>
    <div class="col-sm-12 d-none">tabel perkembangan  </div>
</div>

Вы хотите только мобильный телефон, который работает это без места, верно? +---------------------------------+ | diklat bkcu | +---------------------------------+ | grafik perkembangan gerakan | +---------------------------------+ | peserta diklat bkcu | +---------------------------------+ | tabel perkembangan | +---------------------------------+

Попробуйте этот метод, если хотите указать конкретную версию для мобильной версии.