Bagaimana cara membuat colorbox responsif menggunakan bootstrap Twitter?

Saya telah dapat mengimplementasikan colorbox ke dalam boostrap dan berfungsi, tetapi saya mengalami masalah dalam membuatnya responsif. Yang saya maksud adalah bahwa gambar atau tayangan slide akan terbuka dengan benar dalam modal kotak warna jika halamannya berukuran penuh, tetapi tidak akan terbuka dalam skala yang diperkecil ke ukuran layar browser yang diperkecil. Ini membuka ukuran penuh dalam mode responsif menyusut menyebabkan Anda harus menggulir untuk melihat gambar atau menutupnya. Saya tahu bahwa carousel dapat diskalakan menggunakan:

img {lebar maksimal:100%;}

Modal bootstrap juga akan diskalakan secara alami sebagai bagian dari fungsinya bila digunakan atau dipanggil dengan benar.

Saya masih mempelajari semua ini dan telah mencoba banyak penyesuaian namun tidak berhasil, setelah menemukan beberapa postingan yang tidak terlalu mirip di web.

Wawasan apa pun akan dihargai.

Terima kasih lagi.....


person user1442988    schedule 07.06.2012    source sumber


Jawaban (2)


Masalah ini belum tentu berhubungan dengan bootstrap.

Saya menemukan posting serupa membahas topik kotak warna ini, dan salah satu jawabannya menunjuk ke situs resmi kotak warna dengan solusinya.

Dan saya dapat mengonfirmasi bahwa jawaban ini berhasil. https://stackoverflow.com/a/13105833/728675

person RayLuo    schedule 30.12.2012

Dalam versi colorbox.js yang diperkecil, cari sting "initialWidth:"600",innerWidth:!1,maxWidth:!1," dan ganti dengan initialWidth:"600",innerWidth:!1,maxWidth:"100% ","

Dalam versi yang tidak diperkecil (jika Anda menggunakannya) ganti "maxWidth: false," dengan "maxWidth: 100%,"

person Cristian Vultur    schedule 26.05.2017