Bootstrap Modal Scroll Hakkında

siyahkalem 1361 gün önce

572 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

Cevap yaz

הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Cevaplar (2)

alico

1361 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

#006677

rephp7

1361 gün önce

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


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

  .card {
    display: inline-block;
  }
}

#006676