آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دوازدهمReviewed by صابر بوستانی on Jun 1Rating: 5.0آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دوازدهم درخدمتتون هستیم با آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دوازدهم که از وب سایت آموزش برنامه نویسی سورس باران
آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دوازدهم

آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دوازدهم

سلام دوستان. توی این مطلب درخدمتتون هستیم با آموزش متنی مقدماتی تا متوسطه بوت استرپ به زبان فارسی جلسه دوازدهم که از وب سایت آموزش برنامه نویسی سورس باران مشاهده می نمایید. با ما همراه باشید با ادامه آموزش…

 

 

آموزش ساخت منوی کشویی در بوت استرپ :

منوی کشویی ساده : منوی کشویی در واقع منویی ست که به کاربر اجازه میدهد تا لز یک لیست از پیش تعیین شده یک مقدار را انتخاب کند.

1

توضیح مثال :

کلاس .dropdown در بوت استرپ نشان دهنده یک منوی کشویی ست .

برای باز کردن یک منوی کشویی ، از یک دکمه یا لینک به همراه کلاس .dropdown-toggle و خاصیت data-toggle=”dropdown” استفاده کنید.

کلاس .caret یک ایکن فلش مانند میسازد که حاکی از یک منوی کشویی ست .برای ساخت منوی کشویی کلاس .dropdown-menu را به عنصر <ul> اضافه کنید .

 

جداکننده منوی کشویی :

کلاس .divider به منظور جدا کردن لینک ها در منوی کشویی استفاده میشود

 

سر فصل (هدر) منو کشویی :

2

از کلاس .dropdown-header برای اضافه کردن سرفصل درون منوی کشویی استفاده میشود

 

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

3

برای غیر فعال کردن یک ایتم در منوی کشویی از کلاس .disabled استفاده کنید.

 

موقعیت منوی کشویی در بوت استرپ :

4

برای اینکه منوی کشویی را در سمت راست نشان دهید کلاس .dropdown-menu-right را به عنصور حاوی منوی کشویی اضافه کنید.

منوی سمت بالا در بوت استرپ :

اگر میخواهید منوی کشویی تان به سمت بالا باز شود ، عنصر <div> به همراه کلاس dropdown را به “dropup” تغییر دهید.

5

 

دسترسی به منوی کشویی در بوت استرپ :

برای بهبود دسترسی برای افرادی که از صفحه خوان ها اسیفاده میکنند باید خصوصیات role و aria-* را به هنگام ساختن منوی کشویی اضافه کنید.