Bootstrap Modal Scroll Hakkında

siyahkalem 1219 gün önce

526 defa görüntülendi

Merhaba,
Bootstrap 4'de modal scroll özelliğini dikey olarak değil yatay olarak yapmak istiyorum ama başaramadım. Nasıl yapabilirim?

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

alico

1218 gün önce

BootStrap'ın bu şekilde x scroll desteği varmı bilemiyorum ama şu şekilde opsiyonel olarak ufak bir geliştirme ile bunu halledebilirsin.

Şöyle modal-dialog dive geliyorsun x-scr adlı class tanımlıyorsun. Yine Modal Body içindekileri x-scr adlı parent div içine alıyorsun. Artık Modal Body içindeki veri x-scr div için max-content kadar width değeri alır.

Modal Body de yatay scroll devreye girer. Eğer max-content kadar değilde senin istediğin genişlik kadar hareket edeceksede modal-dialog gelir style="--xw:600px" gibi belirlediğin sabit değeri yazarsın.

Hepsi bu kadar..

https://codepen.io/alico/pen/ZEKaQBj?editors=1100

0

#006677

rephp7

1218 gün önce

<div class="scrolling-wrapper">
    //tablon
</div>


    .scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

  .card {
    display: inline-block;
  }
}

0

#006676