آموزش Bootstrap 5 Essentials: A Comprehensive Guide 2023

سرفصل ها و درس ها

معرفی Introduction

• معرفی Introduction

1 طرح بندی 1 layouts

• 1.1 نقاط شکست بوت استرپ با مثال قسمت 1 توضیح داده شده است 1.1 bootstrap breakpoints explained with examples part 1

• 1.2 کانتینر در بوت استرپ 5 با نمونه قسمت 2 1.2 containers in bootstrap 5 with examples part 2

• 1.3 شبکه flexbox با مثال قسمت 3 توضیح داده شده است 1.3 flexbox grid explained with examples part 3

• 1.4 ستون با تعدادی ستون که با مثال قسمت 4 توضیح داده شده است 1.4 col with number of columns explained with example part 4

• 1.5 ستون با تعداد ستون با نقاط شکست که با مثال قسمت 5 توضیح داده شده است 1.5 col with number of columns with breakpoints explained with example part 5

• 1.6 ستون ردیف با مثال توضیح داده شده است 1.6 row cols explained with examples

• 1.7 تودرتو در سیستم شبکه فلکس باکس 1.7 Nesting in flexbox grid system

2 محتوا در بوت استرپ 2 Content in bootstrap

• 2.1 تایپوگرافی 2.1 Typography

• 2.2 تصاویر را با بوت استرپ پاسخگو کنید 2.2 make images responsive with bootstrap

3 ابزار کاربردی در بوت استرپ 5 3 Utilities in bootstrap 5

• 3.0 نمای کلی بخش Utilities 3.0 Utilities section overview

• 3.1 کلاس های حاشیه و clearfix در بوت استرپ 5 3.1 border and clearfix classes in bootstrap 5

• 3.2 نمایش کلاس های کمکی در بوت استرپ 5 3.2 display helper classes in bootstrap 5

• 3.5 فلکس باکس بدون سیستم شبکه فلکس باکس 1 3.5 Flexbox without flexbox grid system 1

• 3.5 فلکس باکس بدون سیستم شبکه فلکس باکس 2 3.5 Flexbox without flexbox grid system 2

• 3.6 کلاس های شناور در بوت استرپ 5 3.6 float classes in bootstrap 5

• ابزارهای موقعیت 3.8 3.8 position utilities

• 3.9 ابزارهای جعبه سایه 3.9 box-shadow utilities

• 3.10 ابزار اندازه گیری 3.10 Sizing utilities

• 3.11 ابزار فاصله 3.11 spacing utilities

• 3.12 ابزارهای متنی در بوت استرپ 5 3.12 text utilities in bootstrap 5

فرم ها و ورودی ها Forms and Inputs

• نمای کلی ورودی ها Inputs Overview

• 4.1 کنترل های فرم در بوت استرپ 5 4.1 Form controls in bootstrap 5

• 4.2 توضیح داده شده را در بوت استرپ 5 انتخاب کنید 4.2 Select Explained in bootstrap 5

• 4.3 چک و رادیو در بوت استرپ 5 4.3 Checks And Radios In Bootstrap 5

• 4.4 محدوده و گروه ورودی در سال 2023 4.4 Range And Input Group in 2023

• 4.5 برچسب های شناور در بوت استرپ 5 4.5 Floating labels in bootstrap 5

• 4.6 طرح‌بندی‌ها برای فرم‌ها در بوت استرپ 5 توضیح داده شده است 4.6 Layouts Explained for forms In bootstrap 5

4 محتویات 4 Compontents

• بررسی اجمالی اجزاء Overview Of the Components

• 5.1 دکمه ها در بوت استرپ 5 قسمت 1 توضیح داده شده است 5.1 Buttons Explained in bootstrap 5 part 1

• 5.1 دکمه ها در بوت استرپ 5 قسمت 2 توضیح داده شده است 5.1 Buttons Explained in bootstrap 5 part 2

• 5.2 کارت های توضیح داده شده در بوت استرپ 5 5.2 Cards Explained in bootstrap 5

• 5.3 چرخ فلک با مثال هایی در بوت استرپ 5 توضیح داده شده است 5.3 Carousel Explained with examples in bootstrap 5

• 5.4 نوارهای ناوبری که در بوت استرپ 5 با جزئیات توضیح داده شده است 5.4 navbars Explained in details in bootstrap 5

• صفحه بندی 5.5 در بوت استرپ 5 توضیح داده شده است 5.5 pagination explained in bootstrap 5

• 5.6 آکاردئون، هشدارها، نشان‌ها و Breadcrumb در بوت استرپ 5 توضیح داده شده است 5.6 Accordion,Alerts,Badges and Breadcrumb explained in bootstrap 5

• 5.7 گروه دکمه، دکمه بستن، جمع کردن، کشویی و گروه لیست توضیح داده شده است 5.7 Button Group , Close Button ,Collapse ,Dropdowns and List Group Explained