Как я могу исправить изображения карусели на Bootstrap 4 Collapse на мобильном телефоне? - PullRequest
Новая
       25

Как я могу исправить изображения карусели на Bootstrap 4 Collapse на мобильном телефоне?

0 голосов
/ 20 марта 2019

Я установил образы Swiper Carousel на складной секции начальной загрузки.Моя проблема заключается в том, что при расширении аккордеона на мобильном телефоне отклики портятся - я думаю, может быть потому, что он не может рассчитать высоту скрытого участка перед расширением.

что может быть решением для этого?

это мой крах: 

<!-- Row Data -->
<div class="container">  
  <div class="panel-group" id="accordion">
    <div class="panel panel-default">
      <div class="panel-heading">
       ...
      </div>
    </div>
  </div>
</div>

<!-- Collapse Content -->
<tr>
  <td colspan="8" class="row-listings">
    <div class="container panel-collapse collapse in">
      .....
    </div>
  </td>
</tr>

Скрипты Swiper и Collage: 

jQuery('.collapse').on('show.bs.collapse', function () {
    jQuery('.collapse.in').collapse('hide');
});

var swiper = new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination',
        dynamicBullets: true,
        observer: true,
observeParents: true,
      },
    });
...