ایجاد کنید کرکره ها با بوت استرپ با استفاده از <div class="dropdown"> کلاس و <button class="btn btn-secondary dropdown-toggle"> برای ضامن شامل شود <ul class="dropdown-menu"> برای آیتم های منو

استفاده کنید انواع رنگ کشویی در بوت استرپ با اعمال کلاس های رنگی مانند .btn-primary یا .btn-موفقیت به <button class="btn btn-primary"> برای سبک های مختلف

ایجاد یک کشویی دکمه تقسیم با بوت استرپ با استفاده از btn-group و .dropdown-toggle-split کلاس ها اینها را برای جدا کردن دکمه و کشویی اعمال کنید.

استفاده کنید btn-lg کلاس برای ایجاد یک دکمه کشویی با اندازه بزرگ و btn-sm برای ایجاد یک دکمه کشویی با اندازه کوچک.

سبک کرکره های تاریک با بوت استرپ با استفاده از منوی کشویی تاریک کلاس در <ul> عنصر برای یک تم تیره

فعال کردن کشویی شناور با بوت استرپ با استفاده از کشویی-شنود کلاس این کلاس را به <div class="dropdown"> ظرفی برای کشویی که در شناور ظاهر می شود.

تراز کردن منوهای کشویی با استفاده از بوت استرپ .dropdown-menu-end به راست چین و کشویی-menu-start برای تراز چپ منوی کشویی نسبت به دکمه جابجایی.

سفارشی کنید گزینه های کشویی در بوت استرپ با data-bs-offset برای تنظیم موقعیت کشویی و data-bs-reference برای تعیین عنصر مرجع برای موقعیت یابی.

کنترل کنید رفتار بسته شدن خودکار کشویی در بوت استرپ با استفاده از data-bs-auto-close ویژگی آن را تنظیم کنید "درست", "بیرون"، یا "درون" برای تعیین زمان بسته شدن خودکار منوی بازشو.

از کلاس های کاربردی مانند استفاده کنید .فعال یا .text-* به سبک آیتم های کشویی با رنگ های مختلف. این به برجسته کردن گزینه های انتخاب شده یا مهم منو کمک می کند.

نمونه ای از منوی کشویی حاوی سرصفحه ها، متن و فرم ها محتوا