زبانه ها و آکاردئون ها

  1. عناصر رابط کاربری
  2. زبانه ها و آکاردئون ها

برگه های پیش فرض

نمونه ای از تب های Nav

قرص Nav

نمونه ای از قرص های Nav

زبانه‌های ناوبری عمودی

نمونه ای از برگه های مسیریابی عمودی

جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید.\n

Reprehenderit قصاب رترو keffiyeh dreamcatcher synth.

لوکاور فیکسی کامیون مواد غذایی، مارفا نولا accusamus mcsweeney's\n

غرفه عکس Qui لترپرس، commodo enim craft beer\n

Etsy mixtape wayfarers، اخلاقی wes anderson tofu قبل از آنها\n

DIY مصنوعی PBR بانکسی طنز.\n

صندوق امانی seitan letterpress، کیتار خام جین کفیه اتسی\n

فانی پک پورتلند سیتان DIY،\n

برگه های سفارشی

نمونه ای از تب های سفارشی

جین خام احتمالاً در مورد آنها شورت جین آستین نشنیده اید.\n

لوکاور فیکسی کامیون مواد غذایی، مارفا نولا accusamus mcsweeney's\n

Etsy mixtape wayfarers، اخلاقی wes anderson tofu قبل از آنها\n

صندوق امانی seitan letterpress، کیتار خام جین کفیه اتسی\n

زبانه های Nav توجیه می کنند

نمونه ای از تب های Nav توجیه شده است

قرص ناو توجیه می کند

نمونه ای از قرص های Nav توجیه شده است

نمونه آکاردئون

روی آکاردئون های زیر کلیک کنید تا آکاردئون را بزرگ یا جمع کنید\n

این بدنه آکاردئونی اولین مورد است. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

این بدنه آکاردئونی مورد دوم است. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

این بدنه آکاردئونی سومین مورد است. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

نمونه آکاردئون فلاش

اضافه کردن.accordion-flush to remove the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.

Anim pariatur cliche reprehenderit, enim eiusmod\n

Anim pariatur cliche reprehenderit, enim eiusmod\n

Anim pariatur cliche reprehenderit, enim eiusmod\n

کوچک کردن پیش‌فرض

می توانید از یک لینک با استفاده ازhref attribute, or a button with the data-target attribute. In both cases, the data-bs-toggle="collapse" is required.

انیمه پاریاتور کلیشه ای reprehenderit، enim eiusmod high life accusamus terry\n

اهداف متعدد

آ<button> or <a> can show and hide multiple elements by referencing them with a selector in its href or data-bs-target attribute. Multiple <button> or <a> can show and hide an element if they each reference it with their href or data-bs-target attribute

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus\n
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus\n

فروپاشی افقی

افزونه collapse از جمع شدن افقی نیز پشتیبانی می کند. .collapse-horizontal modifier class to transition the width instead of height and set a width on the immediate child element.

این مقداری از محتوای نگهدارنده مکان برای جمع کردن افقی است.
© Minible.
ساخته شده باتوسطThemesbrand