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

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

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

فرم طرح بندی 

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

• فرم عمودی (پیش فرض)
• فرم درون خطی
• فرم افقی

فرم عمودی یا پایه

ساختار فرم اصلی همراه با بوت استرپ است. فرم های کنترل فردی به طور خودکار از یک سبک جهانی استفاده می کنند. برای ایجاد یک فرم اساسی موارد زیر را انجام دهید –

• یک فرم نقش به عنصر <form> والدین اضافه کنید.
• تگها و کنترل ها را در <div> با گروه .form-group قرار دهید. این برای فاصله بهینه مورد نیاز است.
• به کلیه عناصر <input> ، <textarea> و <select> یک کلاس از .form-control اضافه کنید.

فرم درون خطی

برای ایجاد فرمی که همه عناصر به صورت درون ردیف ، تراز سمت چپ و برچسب ها در کنار آن قرار دارند ، کلاس .form-inline را به برچسب <form> اضافه کنید.

فرم افقی

فرم های افقی نه تنها از نظر میزان علامت گذاری ، بلکه از نظر ارائه فرم نیز از سایر موارد جدا است. برای ایجاد فرم استفاده از طرح افقی ، موارد زیر را انجام دهید –

• یک کلاس از شکل. افقی به عنصر <form> والد اضافه کنید.
• تگ ها و کنترل ها را در <div> با گروه .form-group قرار دهید.
• یک کلاس از تگ control. به برچسب ها اضافه کنید.

منبع.

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

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. آموزش نسخه ی نمایشی جدول در بوت استرپ