آموزش ایجاد یک چیدمان Responsive با Grid Bootstrap

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

بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

شروع کار با سیستم شبکه Getting Started with the Grid System

• مقدمه Introduction

• سیستم Bootstrap Grid چیست؟ What Is Bootstrap Grid System?

• وب سایت نمونه The Example Website

• ظروف Containers

• ستون های خودکار Auto Columns

• سیستم شبکه ای Grid System

• جریان ستون Column Flow

• ردیف ها و ستون های تو در تو Rows and Nested Columns

• آنچه ما آموخته ایم What We've Learned

استفاده از تکنیک های پاسخگو Applying Responsive Techniques

• مقدمه Introduction

• طراحی پاسخگو چیست؟ What is Responsive Design?

• پیشرفت مترقی Progressive Enhancement

• با استفاده از شبکه پاسخگو Using the Grid Responsively

• کلاسهای نمایش پاسخگو Responsive Display Classes

• شناورهای پاسخگو Responsive Floats

• Padding و حاشیه های پاسخگو Responsive Padding and Margins

• متن کلاس های کمکی Text Layout Utility Classes

• ردیف های خودکار Auto Rows

• آنچه ما آموخته ایم What We've Learned

طرح بندی پیشرفته با Flexbox Advanced Layout with the Flexbox

• مقدمه Introduction

• Flexbox چیست What is Flexbox

• توجیه Flexbox Flexbox Justification

• با استفاده از Flexbox Alignment Using Flexbox Alignment

• استفاده از رشد ، کوچک شدن و پر کردن Using Growing, Shrinking and Filling

• بسته بندی موارد Wrapping Items

• سفارش موارد Ordering Items

• آنچه ما آموخته ایم What We’ve Learned