Drupal 8의 Flickity 슬라이더

Question

Drupal 8에서 Flickity 슬라이더를 설정하려고하는데 작동하지 않는 것 같아요. 설정을 지원하는 것이 거의 없습니다.

2 개의 이미지를로드하는 슬라이더가 있는데 작동하지 않는 것 (슬라이딩하지 않지만 왼쪽 및 오른쪽 화살표로 이동). 어떤 시체라도 성공적으로이 작업을 수행했다면 설정을 알려주십시오.

다음은 drupal에서 페이지에 출력되는 HTML입니다.

<div class="flickity-viewport" style="height: 1054.68px;"> 
<div class="flickity-slider" style="right: 0px; transform: translateX(0%);"> 
<div class="gallery-cell item-0 is-selected" style="position: absolute; right: 0%;"> 
<div class="views-field views-field-field-slider-image"><div class="field-content"> 
<img src="/drupm/sites/default/files/2017-10/bg5.jpg" alt="bg3" typeof="foaf:Image" class="img-fluid" width="1920" height="1080"> 
</div> 
<div class="gallery-cell item-1" style="position: absolute; right: 100%;"> 
<div class="views-field views-field-field-slider-image"> 
<div class="field-content"> 
<img src="/drupm/sites/default/files/2017-10/bg3_0.jpg" alt="bg1" typeof="foaf:Image" class="img-fluid" width="1920" height="1080"> 
</div></div> 
</div></div></div> 

Answer 1

내가 완전히 잊어 버린 콘솔을 확인해 주셔서 감사합니다.

부트 스트랩 4 (v.4.0.0-beta.2)와 함께 flickity (v.8.x-2.2)가 설치되어있어 제대로 작동하지 않는 것 같습니다. 부트 스트랩을 3 (v.3.3.7)으로 다운 그레이드하면 제대로 작동합니다.

안정 될 때까지 부트 스트랩 4에서 멀리 떨어져 있습니다.