آموزش نسخه ی نمایشی پاسخگو در بوت استرپ

3 سال پیش
آموزش نسخه ی نمایشی پاسخگو در بوت استرپ

آموزش نسخه ی نمایشی پاسخگو در بوت استرپ

 

در این درس از مجموعه آموزش برنامه نویسی سایت سورس باران، به آموزش نسخه ی نمایشی پاسخگو در بوت استرپ خواهیم پرداخت.

بوت استرپ برای توسعه سریعتر موبایل پسند، کلاسهای کمکی کمکی را ارائه می دهد. از این موارد می توان برای نمایش و پنهان کردن محتوا توسط دستگاه از طریق جستجوی رسانه، همراه با دستگاه های بزرگ، کوچک و متوسط ​​استفاده کرد.

از این موارد کم استفاده کنید و از ایجاد نسخه های کاملاً متفاوت از یک سایت خودداری کنید. ابزارهای پاسخگو در حال حاضر فقط برای تغییر وضعیت بلوک و جدول در دسترس هستند.

کلاس ها دستگاه ها
visible-xs. فوق العاده کوچک (کمتر از ۷۶۸ پیکسل) visible
visible-sm. کوچک (تا ۷۶۸ پیکسل)  visible
visible-md. متوسط ​​(۷۶۸ پیکسل تا ۹۹۱ پیکسل) visible
visible-lg. بزرگتر (۹۹۲ پیکسل و بالاتر)  visible
hidden-xs. فوق العاده کوچک (کمتر از ۷۶۸ پیکسل)  hidden
hidden-sm. کوچک (تا ۷۶۸ پیکسل) hidden
hidden-md. متوسط ​​(۷۶۸ پیکسل تا ۹۹۱ پیکسل) hidden
hidden-lg. بزرگتر (۹۹۲ پیکسل و بالاتر) hidden

 

مثال توضیح لینک دانلود
Card Responsive این مثال در مورد ساختار Card در بوت استرپ Download نشان می دهد Download
simple Testimonials  این مثال در مورد ساختار Testimonials در بوت استرپ Download نشان می دهد Download
Video grid این مثال در مورد ساختار Grid Video در بوت استرپ Download نشان می دهد Download
Banner image این مثال در مورد ساختار تصویر بنر در بارگیری بوت استرپ نشان می دهد Download
Carousel with face indicators این مثال در مورد چرخ فلک با ساختار شاخص های چهره در بارگیری بوت استرپ نشان می دهد Download

منبع.

 

لیست جلسات قبل آموزش بوت استرپ

  1. آموزش بوت استرپ
  2.  بررسی اجمالی بوت استرپ
  3. آموزش راه اندازی بوت استرپ
  4. آموزش سیستم شبکه در بوت استرپ 
  5. بررسی اجمالی CSS در بوت استرپ
  6. آموزش تایپوگرافی در بوت استرپ 
  7. آموزش کد در بوت استرپ 
  8. آموزش جدول در بوت استرپ
  9. آموزش فرم ها در بوت استرپ 
  10. آموزش دکمه ها در بوت استرپ
  11. آموزش تصاویر در بوت استرپ
  12. آموزش کلاس های کمکی در بوت استرپ 
  13. آموزش ابزارهای پاسخگو در بوت استرپ 
  14. آموزش Glyphicons در بوت استرپ 
  15. آموزش منوهای کشویی در بوت استرپ
  16. آموزش گروه های دکمه ای در بوت استرپ
  17. آموزش گروه های ورودی در بوت استرپ
  18. آموزش عناصر ناوبری در بوت استرپ
  19. آموزش Navbar در بوت استرپ
  20. آموزش Breadcrumbs در بوت استرپ
  21. آموزش صفحه بندی در بوت استرپ
  22. آموزش لیبل ها در بوت استرپ
  23. آموزش بج ها در بوت استرپ
  24. آموزش Jumbotron در بوت استرپ 
  25. آموزش تصاویر کوچک در بوت استرپ 
  26. آموزش هشدارها در بوت استرپ 
  27.  آموزش نوارهای پیشرفت در بوت استرپ 
  28. آموزش شی Media در بوت استرپ
  29. آموزش گروه لیست در بوت استرپ
  30. آموزش پانل ها در بوت استرپ 
  31. آموزش well در بوت استرپ 
  32. بررسی اجمالی پلاگین ها در بوت استرپ 
  33. آموزش پلاگین انتقال در بوت استرپ
  34. آموزش پلاگین Modal در بوت استرپ
  35. آموزش پلاگین Dropdown در بوت استرپ
  36. آموزش پلاگین Scrollspy در بوت استرپ
  37. آموزش پلاگین تب در بوت استرپ
  38. آموزش پلاگین tooltip ابزار در بوت استرپ
  39. آموزش پلاگین Popover در بوت استرپ
  40. آموزش پلاگین هشدار در بوت استرپ
  41. آموزش پلاگین دکمه در بوت استرپ
  42. آموزش پلاگین collapse در بوت استرپ
  43.  آموزش پلاگین carousel در بوت استرپ
  44. آموزش پلاگین Affix در بوت استرپ
  45. آموزش نسخه ی نمایشی شبکه در بوت استرپ
  46. آموزش نسخه ی نمایشی جدول در بوت استرپ
  47. آموزش فرم نسخه ی نمایشی در بوت استرپ
  48. آموزش نسخه ی نمایشی دکمه ها در بوت استرپ
  49. آموزش نسخه ی نمایشی تصاویر در بوت استرپ
0
برچسب ها :
نویسنده مطلب erfan molaei

دیدگاه شما

بدون دیدگاه