دوره مجازی فاندیشن (جلسه 5) - معرفی و بررسی سیستم شبکه بندی-قسمت سوم

- visibility ٢ mode_comment

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

در این جلسه می پردازیم به :

بررسی مبحث column offseting و نحوه استفاده و معرفی کلاس های آن

بررسی مبحث incompele row و نحوه استفاده و معرفی کلاس های آن

بررسی مبحث collapse - uncollapse rows و نحوه استفاده و معرفی کلاس های آن

بررسی مبحث centered columns و نحوه استفاده و معرفی کلاس های آن

info توجه

این مطلب یک جلسه از دوره آموزش فاندیشن می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در دوره آموزش فاندیشن

comment دیدگاه کاربران
فرهاد

سلام استاد. جناب صالحی من به طور امتحانی اومدم و دو باکس رو در حالت small برای صفحه نمایش در کنار هم قرار دادم و برای سمت راستی از کلاس small-4 column small-push-2 و برای دومی از کلاس small-4 column end استفاده کردم و دیدم که این دو باکس روی هم می افتند. دلیلش رو در کدهای هسته فاندیشن بررسی کردم و دیدم که کدها به این صورت بودند.

در واقع برای کلاس small-push-2 از position:relative استفاده شده و برای باکس سمت چپ float: right استفاده شده که همین دلیل رو هم افتادن دو باکس میشه. آیا این می تونه یه عیب در هسته فاندیشن باشه یا اینکه وقتی از کلاس end برای باکس دوم استفاده میشه حتما باید باکس اولی کلاس small-offset-2 داشته باشه تا مشکلی پیش نیاد

وحید صالحی

عیب به این سادگی در یک فریم ورک استاندارد ئیدا نمیشه 🙂 خاصیت relative به خاطر این داده شده که اگر دورن عنصری که این کلاس رو داشت و زمانی نیاز شد که از خاصین absolute براش استفاده بشه دیگه لازم نباشه بصورت دستی بیاد و درون فایل استایل خودتون خاصیت relative رو براش تعریف کنید در حقیقت مواردی براش پی بینی شده اگر در ویدئو این جلسه هم دقیت کرده باشید اشاره شد اگر تصمیم گرفتید تنها با استفاده از offset بلک ها رو جاشون رو مشخص کنید حتما به عنصر آخر باید کلاس end رو بدید کما اینکه در ویدیو هم استفاده کردیم و مشکلی نداشت در ضمن زمانی که 2 تا یا بیشتر از کلاس های شبکه بندی رو با هم استفاده می کنید مثل این مورد small-4 column small-push-2 بهتر برای رعایت اصول و قواعد بجای column از columns استفاده کنید اگر چه حالت اول هم گفتیم که مشکلی ایجاد نمی کنه ولی حالت دوم استاندارد و توصیه شدس موفق باشید

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.