مردان وردپرس آموزش بوت استرپ آموزش بوت استرپ ، Dropdowns در بوت استرپ چیست ؟

آموزش بوت استرپ ، Dropdowns در بوت استرپ چیست ؟

آموزش بوت استرپ ، Dropdowns در بوت استرپ چیست ؟

دراپ داون ها برای نمایش لیست پیوند ها و موارد دیگر به کار می روند که به وسیله ی پلاگین های جاوا اسکریپت در بوت استرپ ساخته شده اند. با استفاده از کلاس .dropdown در ترکیب با عناصر <a> یا <button>  می توان یه منوی پایین انداز ایجاد کرد.

در اینجا، از دکمه و کلاس .btn استفاده کردیم.

در اینجا از تگ لینک <a> استفاده کردیم.

ایجاد dropdown های رنگی با استفاده از کلاس تعریف شده در بوت استرپ:

با استفاده از کلاس از پیش تعریف شده .dropdown-toggle-split می توان دکمه های مجزا برای استفاده در dropdown ها ایجاد کرد. کاربرد آن ( که در قطعه کد زیر آمده است ) برای نمایش دکمه هایی است که برای نشان دادن حالت های خاص به کار می رود. مثل: خطر، هشدار، اطلاع رسانی و …

برای این کار از کلاس هایی ترکیبی با .btn استفاده می کنیم.

اندازه دکمه ها:

با استفاده از کلاس های زیر در ترکیب با کلاس .btn می توانیم اندازه دکمه ها را تعیین کنیم:

 

 

تاریخ آخرین بروزرسانی : ۲۴ آبان ۱۳۹۶
منبع :‌ مردان وردپرس
سجاد رحمانی نژاد

کارشناس طراحی UI وب ، بیش از سه سال سابقه طراحی و کار اجرایی در سازمان های مختلف و به صورت مستقل ( Freelance ) همچنین مدرس دوره های طراحی وب در آموزشگاه های تهران و کرج.

Advertising MiSaCo.
یک نظر برای 1

آموزش بوت استرپ ، Dropdowns در بوت استرپ چیست ؟


  1. تشکر از مقاله مناسبتون 

    اگه بشه سایتی یا ابزاری برای اینکه هدر بوت استرپ متریال باشه یا قشنگ تر باشه 

    معرفی کنید ممنون میشم خیلی سایت ها رو گشتم ولی اکثرا mdb رو به رو شدم .

نظرات خود را اینجا بنویسید

آدرس الکترونیکی شما نمایش داده نمی شود *

Time limit is exhausted. Please reload CAPTCHA.