বুটস্ট্রাপের Modal আউটসাইটে ক্লিক করলে বন্ধ না করা

বুটস্ট্রাপের Modal আউটসাইটে ক্লিক করলে বন্ধ না করা

আমরা যখন বুটস্ট্রাপের মডাল নিয়ে কাজ করি তখন একটা সমস্যা ফেস করি প্রায় সময়ই তা হচ্ছে মডালটা তো ওপেন হয় কিন্তু মডালের আউটসাইটে ক্লিক করলে মডালটা ক্লোজ হয়ে যায়। আপনার যদি এমন দরকার হয় যে মডাল ওপেন হবে কিন্তু আউট সাইটে ক্লিক করলে মডালটা ক্লোড হবে না তাহলে আপনি নিচের দুইটা লাইন আপনার মডালে এড করলেই কাজ হয়ে যাবে

data-bs-backdrop="static" 
data-bs-keyboard="false"

পুরো এক্সজাম্পল। বাটনঃ

<a href="#" class="btn" data-bs-toggle="modal" data-bs-target="#modal-report">Simple modal</a>

মডালঃ

<div class="modal modal-blur fade" id="modal-report" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modal-report"  role="dialog" aria-hidden="true">  
     Modal Body               
 </div>