آموزش Bootstrap 3

مقدمه Introduction

• خوش آمدی Welcome

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

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

• گزینه های معرفی و نصب Introduction and installation options

• ایجاد یک الگوی اساسی با استفاده از CDN Creating a basic template using CDNs

• بارگیری و نصب دستی Downloading and installing manually

2. کار با Bootstrap Grid 2. Working with the Bootstrap Grid

• درک ظروف Bootstrap Understanding Bootstrap containers

• کار با ردیف ها Working with rows

• ایجاد ستون Creating columns

• با استفاده از چندین کلاس ستون Using multiple column classes

• تنظیم مجدد ستون ها Resetting columns

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

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

• سفارشی کردن سفارش ستون با فشار و کشش Customizing column order with push and pull

3. کاوش در کلاس های اساسی Bootstrap CSS 3. Exploring Basic Bootstrap CSS Classes

• عناوین سبک و کپی بدن Styling headings and body copy

• تجزیه و تحلیل سبک های متن درون خطی Analyzing inline text styles

• اصلاح تراز ، تغییر و اختصارات Modifying alignment,transformation, and abbreviations

• با استفاده از blockquotes Using blockquotes

• کار با سبک های لیست Working with list styles

• کد یک ظاهر طراحی شده Styling code

4- افزودن سایر سبکهای CSS 4. Adding Other CSS Styles

• کار با دکمه های Bootstrap Working with Bootstrap buttons

• کاوش در سبک های جدول Exploring table styles

• افزودن کلاسهای تصویر Adding image classes

• درک کلاسهای یاور Bootstrap Understanding Bootstrap helper classes

• با استفاده از ابزارهای پاسخگو Using responsive utilities

5- فرم های یک ظاهر طراحی شده 5. Styling Forms

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

• قالب بندی کنترل های رادیویی و کادر تأیید Formatting radio and checkbox controls

• با استفاده از فرم های درون خطی Using inline forms

• یک شکل افقی Styling a horizontal form

• با استفاده از سبک های اعتبار سنجی Using validation styles

• با استفاده از گروه های ورودی Using input groups

• استفاده از سبک های مختلف و اندازه Using miscellaneous styles and sizing

• با استفاده از آیکون ها Using icons

6. قطعات ناوبری 6. Navigation Components

• ایجاد یک کرکره Creating a dropdown

• با استفاده از گروه های دکمه ای Using button groups

• درک مؤلفه Bootstrap nav Understanding the Bootstrap nav component

• افزودن محتوا به ناوبری Adding content to the navbar

• ناوبری شما در حال فروپاشی است Collapsing your navigation

• استفاده از آرد سوخاری و سبک های صفحه بندی Using breadcrumbs and pagination styles

7. مؤلفه های رسانه ای 7. Media Components

• ایجاد یک سربرگ Jumbotron و صفحه Creating a Jumbotron and page header

• کار با برچسب و نشان Working with labels and badges

• با استفاده از سبک تصویر بند انگشتی Using the thumbnail style

• افزودن سبک های رسانه ای Adding media styles

• جریان ویدیویی با جاسازی های پاسخگو Flowing video with responsive embeds

8. ظروف محتوا 8. Content Containers

• گروه های لیست بندی سبک Styling list groups

• کار با پنل ها Working with panels

• استفاده از چاه ها Using wells

9. با استفاده از کامپوننت های JavaScript 9. Using JavaScript Components

• ایجاد چرخ فلک Creating a carousel

• ایجاد ماژول ها Creating modals

• کنترل زبانه ها با JavaScript Controlling tabs with JavaScript

• ایجاد محتوا و آکوردئون های قابل جمع آوری Crafting collapsible content and accordions

• ایجاد یک ابزار ابزار Creating a tooltip

• اضافه کردن یک popover Adding a popover

• کنترل منوها با ScrollFix / Affix Controlling menus with ScrollFix/Affix

نتیجه Conclusion

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