آموزش Bootstrap 4

مقدمه Introduction

• خوش آمدی Welcome

• آنچه شما باید بدانید What you should know

• از پرونده های تمرینی استفاده کنید Use the exercise files

1. شروع کار 1. Getting Started

• مقدمه Introduction

• گزینه های نصب Installation options

• ایجاد یک الگوی اساسی Creating a basic template

2. با استفاده از سبک های اساسی 2. Using Basic Styles

• بررسی اجمالی سبک های اساسی Basic styles overview

• تایپوگرافی اساسی Basic typography

• ابزارهای تایپوگرافی Typographic utilities

• نقل قول ها و لیست ها Blockquotes and lists

• استفاده از رنگها با Bootstrap Using colors with Bootstrap

• با تصاویر کار کنید Work with images

• متغیرهای CSS CSS variables

• انتخاب متن Text selection

3. تسلط بر چیدمان با Bootstrap 3. Mastering Layout with Bootstrap

• نمای کلی چیدمان Layout overview

• استفاده از ظروف Using containers

• کار با ردیف ها و ستون ها Working with rows and columns

• کلاس های چند ستونی Multiple column classes

• ستون های افست Offset columns

• ستون های تو در تو Nested columns

• سفارش سفارشی Custom order

• گزینه های تراز بندی شبکه Grid alignment options

• نمایش ویژگی ها Display properties

• گزینه های ظرف Flexbox Flexbox container options

• عناصر انعطاف پذیر فردی Individual flex elements

• عناصر شناور Floating elements

• حاشیه و بالشتک Margin and padding

• دید Visibility

• اندازه ابزارها Sizing utilities

• استفاده از مرزها Using borders

4- استفاده از Navs و Navbar کامپوننت ها 4. Using Navs and Navbar Components

• بررسی اجمالی Navbar Navbar overview

• ایجاد ناوبری اساسی Create basic navigation

• یک Navbar ایجاد کنید Create a navbar

• از مارک و متن استفاده کنید Use branding and text

• یک لیست کشویی به پیمایش اضافه کنید Add a dropdown to navigation

• عناصر فرم را اضافه کنید Add form elements

• موقعیت یابی را کنترل کنید Control positioning

• محتوای جمع شونده ایجاد کنید Create collapsible content

5. نمای کلی سبک 5. Style Element Overview

• نمای کلی عناصر سبک اساسی Basic style element overview

• دکمه ها را ایجاد کنید Create buttons

• گروه های دکمه ای Button groups

• از نشان ها استفاده کنید Use badges

• سبک های نوار پیشرفت Progress bar styles

• گروه ها را لیست کنید List groups

• پودرهای سوخاری Breadcrumbs

• سایه ها Shadows

6. با استفاده از مؤلفه چیدمان 6. Using Layout Component

• مروری بر اجزای طرح بندی Layout components overview

• یک jumbotron اضافه کنید Add a jumbotron

• سبک های جدول Table styles

• طرح های اولیه کارت Basic card layouts

• کلاسهای محتوای کارت Card content classes

• طرح بندی کارت Card layouts

• از شی رسانه استفاده کنید Use the media object

7. با استفاده از سبک های فرم 7. Using Form Styles

• بررسی اجمالی سبک ها Form styles overview

• یک فرم اساسی ایجاد کنید Create a basic form

• کادرهای انتخاب و کلاسهای رادیو Checkboxes and radio classes

• گزینه های سبک Style options

• اندازه و سبک های اعتبار سنجی Size and validation styles

• اشکال چند ستونی Multicolumn forms

• گروه های ورودی ایجاد کنید Create input groups

• اجزای فرم سفارشی Custom form components

8- کار با مؤلفه های تعاملی 8. Working with Interactive Components

• مرور اجزای تعاملی Interactive component overview

• نکات راهنما را اضافه کنید Add tooltips

• بازپخش ها را نمایش دهید Display popovers

• هشدار ایجاد کنید Create alerts

• از لیست های کشویی استفاده کنید Use dropdowns

• آکاردئون های فروریخته را اضافه کنید Add collapse accordions

• از مودال ها استفاده کنید Use modals

• چرخ و فلک بسازید Build carousels

• از scrollspy استفاده کنید Use scrollspy

• نان تست Toasts

• چرخنده Spinners

• صفحه بندی Pagination

• پیوندهای کشیده Stretched links

• جاسازی می کند Embeds

نتیجه Conclusion

• مراحل بعدی Next steps