বুটস্ট্র্যাপের সাহায্যে 4 টি .hidden-* ক্লাস সম্পূর্ণ অপসারণ করা হয়েছিল (হ্যাঁ, সেগুলি প্রতিস্থাপন করা হয়েছিল hidden-*-*তবে সেই শ্রেণিগুলিও ভি 4 বর্ণমালা থেকে চলে গেছে)।
ভি 4-বিটা দিয়ে শুরু করে, আপনি একই ফলাফলটি অর্জন করতে একত্রিত করতে পারেন .d-*-noneএবং .d-*-blockক্লাস করতে পারেন ।
দৃশ্যমান- * পাশাপাশি সরানো হয়েছে; সুস্পষ্ট .visible-*শ্রেণি ব্যবহারের পরিবর্তে উপাদানটিকে আড়াল না করে দৃশ্যমান করে দিন (আবার, .d-nothing .d-md-block এর সংমিশ্রণগুলি ব্যবহার করুন)। এখানে কাজের উদাহরণ:
<div class="col d-none d-sm-block">
<span class="vcard">
…
</span>
</div>
<div class="col d-none d-xl-block">
<div class="d-none d-md-block">
…
</div>
<div class="d-none d-sm-block">
…
</div>
</div>
class="hidden-xs"হয়ে class="d-none d-sm-block"(অথবা D-কেউ D-SM-ইনলাইন-ব্লক ) ...
<span class="d-none d-sm-inline">hidden-xs</span>
<span class="d-none d-sm-inline-block">hidden-xs</span>
বুটস্ট্র্যাপ 4 প্রতিক্রিয়াশীল ইউটিলিটিগুলির একটি উদাহরণ :
<div class="d-none d-sm-block"> hidden-xs
<div class="d-none d-md-block"> visible-md and up (hidden-sm and down)
<div class="d-none d-lg-block"> visible-lg and up (hidden-md and down)
<div class="d-none d-xl-block"> visible-xl </div>
</div>
</div>
</div>
<div class="d-sm-none"> eXtra Small <576px </div>
<div class="d-none d-sm-block d-md-none d-lg-none d-xl-none"> SMall ≥576px </div>
<div class="d-none d-md-block d-lg-none d-xl-none"> MeDium ≥768px </div>
<div class="d-none d-lg-block d-xl-none"> LarGe ≥992px </div>
<div class="d-none d-xl-block"> eXtra Large ≥1200px </div>
<div class="d-xl-none"> hidden-xl (visible-lg and down)
<div class="d-lg-none d-xl-none"> visible-md and down (hidden-lg and up)
<div class="d-md-none d-lg-none d-xl-none"> visible-sm and down (or hidden-md and up)
<div class="d-sm-none"> visible-xs </div>
</div>
</div>
</div>
ডকুমেন্টেশন