Bootstrap 4:منوهای کرکره ای

از ویکی‌کد
پرش به ناوبری پرش به جستجو

{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|clear=right|limit=2}}

<span class="error">Expansion depth limit exceeded منوی کرکره‌ای یک منوی جمع شدنی {{Expansion depth limit exceeded|Toggleable}} است که به کاربر اجازه انتخاب یک مورد از میان آیتم‌های لیست را می‌دهد:Expansion depth limit exceeded

<span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_dropdown-menu|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded کلاس {{Expansion depth limit exceeded|code=.dropdown|lang=css|class=|id=|style=color: #FF9933;}} یک منوی کرکره‌ای را نشان می‌دهد.

برای باز کردن منوی کرکره‌ای، از یک کلید یا لینک با کلاس {{Expansion depth limit exceeded|code=.dropdown-toggle|lang=css|class=|id=|style=color: #FF9933;}} و ویژگی {{Expansion depth limit exceeded|code=data-toggle="dropdown"|lang=css|class=|id=|style=color: #FF9933;}} استفاده کنید.

برای ایجاد یک منوی کرکره‌ای کلاس {{Expansion depth limit exceeded|code=.dropdown-menu|lang=css|class=|id=|style=color: #FF9933;}} را به عنصر {{Expansion depth limit exceeded|code=

|lang=html|class=|id=|style=color: #FF9933;}} اضاف کنید. سپس کلاس {{Expansion depth limit exceeded|code=.dropdown-item|lang=css|class=|id=|style=color: #FF9933;}} را به هر عنصر (لینک یا کلید) داخل منوی کرکره‌ای اضافه کنید.

<span class="error">Expansion depth limit exceeded کلاس {{Expansion depth limit exceeded|code=.dropdown-divider|lang=css|class=|id=|style=color: #FF9933;}} برای جداسازی لینک‌های داخل منوی کرکره‌ای با یک مرز افقی باریک به کار می‌رود:

<span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_dropdown-divider|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded کلاس {{Expansion depth limit exceeded|code=.dropdown-header|lang=css|class=|id=|style=color: #FF9933;}} برای اضافه کردن عنوان‌های داخل منوی کرکره‌ای استفاه می‌شود:

<span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_dropdown-header|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded یک آیتم خاص منوی کرکره‌ای را می‌توان با کلاس {{Expansion depth limit exceeded|code=.active|lang=css|class=|id=|style=color: #FF9933;}} فعال کرد (رنگ پس زمینه آبی به آن اضافه می‌کند).

برای غیرفعال کردن یک مورد در منوی کرکره‌ای، کلاس {{Expansion depth limit exceeded|code=.disabled|lang=css|class=|id=|style=color: #FF9933;}} به کار می‌رود (رنگ متن خاکستری روشن می‌شود و در صورت قرار گرفتن اشاره‌گر ماوس روی آن علامت «پارک ممنوع» ظاهر می‌شود):

<span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_dropdown-active|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded با اضافه کردن {{Expansion depth limit exceeded|.dropright}} یا {{Expansion depth limit exceeded|code=.dropleft|lang=css|class=|id=|style=color: #FF9933;}} به عنصر dropdown می‌توانید یک منوی “dropright” یا "dropleft" هم ایجاد کنید. دقت کنید که caret/arrow بطور خودکار اضافه خواهد شد:

{{Expansion depth limit exceeded}}

<span class="error">Expansion depth limit exceeded {{Expansion depth limit exceeded}} Expansion depth limit exceeded {{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_dropdown-right|dars=bootstrap4}}

{{Expansion depth limit exceeded}}

<span class="error">Expansion depth limit exceeded {{Expansion depth limit exceeded}} Expansion depth limit exceeded {{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_dropdown-left|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded کلید منوی کرکره‌ای را باز کنید تا این مثال را ببینید

برای راست-چین کردن منوی کرکره‌ای، کلاس {{Expansion depth limit exceeded|code=.dropdown-menu-right|lang=css|class=|id=|style=color: #FF9933;}} را به عنصر {{Expansion depth limit exceeded|.dropdown-menu}} اضافه کنید:

<span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_dropdown-menu-right|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded اگر بخواهید منوی کرکره‌ای به جای پایین، رو به بالا باز شود، عنصر Expansion depth limit exceeded{{Expansion depth limit exceeded|1=class="dropdown"}} به {{Expansion depth limit exceeded|code="dropup"|lang=css|class=|id=|style=color: #FF9933;}} تغییر دهید.

<span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_dropdown-menu-dropup|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded

کلاس {{Expansion depth limit exceeded|code=.dropdown-item-text|lang=css|class=|id=|style=color: #FF9933;}} برای اضافه کردن متن آشکار به یک آیتم کرکره‌ای یا استفاده در لینک‌ها برای استایل دهی به لینک پیش فرض استفاده می‌شود.

<span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_dropdown-text|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded <span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_button_group_dropdown|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded <span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_dropdown-split|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded <span class="error">Expansion depth limit exceeded Expansion depth limit exceeded{{Expansion depth limit exceeded}}{{Expansion depth limit exceeded|out=مشاهدهٔ نتیجه|link=trybs_button_group_v_dropdown|dars=bootstrap4}}

<span class="error">Expansion depth limit exceeded {{Expansion depth limit exceeded| برای دسترسی به مرجع همه امکانات منوی کرکره ای، متدها و رویدادها (Events)، به مرجع کامل JS Dropdown بوت استرپ ۴ مراجعه کنید.|reminder}}

{{Expansion depth limit exceeded|قبل=Bootstrap 4:کارت ها|بعد=Bootstrap 4:Collapse}} {{Expansion depth limit exceeded}} {{Expansion depth limit exceeded|title={{Expansion depth limit exceeded| {{{Expansion depth limit exceeded}}} | منوهای کرکره‌ای در بوت استرپ ۴ - ویکی‌کد}}

|description= منوی کرکره‌ای یک منوی جمع شدنی (به انگلیسی: Toggleable) است که به کاربر اجازه انتخاب یک مورد از میان آیتم‌های لیست را می‌دهد...

}}

{{Expansion depth limit exceeded}}