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

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

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

شبکه چیست؟

در طراحی گرافیکی، شبکه ساختاری است (معمولاً دو بعدی) که از مجموعه ای از خطوط متقاطع مستقیم (عمودی، افقی) تشکیل شده است که برای ساختار محتوا استفاده می شود. این به طور گسترده ای برای طراحی طرح و ساختار محتوا در طراحی چاپ استفاده می شود. در طراحی وب، یک روش بسیار موثر برای ایجاد یک طرح ثابت و سریع و موثر با استفاده از HTML و CSS است.
کار کردن سیستم شبکه Bootstrap
سیستم های شبکه برای ایجاد طرح بندی صفحه از طریق یک سری ردیف ها و ستون هایی که محتوای شما را در خود جای داده اند ، استفاده می شود. در اینجا نحوه کار سیستم شبکه بوت استرپ –

• ردیف ها باید برای چیدمان و پدینگ سازی مناسب در یک کلاس کانتینر قرار بگیرند.
• از ردیف ها برای ایجاد ستون های گروه افقی استفاده کنید.
• محتوا باید در داخل ستونها قرار گیرد و فقط ستون ها ممکن است فرزندان اصلی ردیف ها باشند.
• کلاسهای شبکه از پیش تعریف شده مانند .row و .col-xs-4 برای ایجاد سریع طرح بندی شبکه در دسترس هستند. از مخلوط های کمتر می توان برای طرح های معنایی بیشتر نیز استفاده کرد.
• ستون ها از طریق padding ناودان (شکاف بین محتوای ستون) ایجاد می کنند. این لایه در ردیف های ستون اول و آخر از طریق حاشیه منفی بر روی پیکان ها جابجا می شود.
• ستون های شبکه با مشخص کردن تعداد دوازده ستون موجود که می خواهید دهانه داشته باشید ، ایجاد می شوند. به عنوان مثال ، در سه ستون برابر از سه .col-xs-4 استفاده می شود.

منبع.

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

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 در بوت استرپ