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

- visibility ۱۵ mode_comment

در این جلسه و در قسمت سوم معرفی و بررسی سیستم شبکه بندی (Grid System) در فریم ورک بوت استرپ می پردازیم و به بررسی سایر کلاس ه برای ا ایجاد سیستم شبکه بندی و حالات مختلف چینش آنها ...

مطالب مطرح شده در این جلسه عبارتند از :

      • نحوه استفاده ترکیبی از چندین کلاس col برای حالات و اسکرین هایی با سایز متفاوت
      • معرفی equal columns و  unequal columns (ستونهای برابر و نابرابر)
      • بررسی آفستینگ و معرفی کلاس های :
        • col-lg-offset
        • col-md-offset
        • col-sm-offset
        • col-xs-offset
      • نحوه تاثیر گزاری کلاس پایین دست روی کلاس های بالادست در بوت استرپ
info توجه

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

ثبت نام در دوره آموزش بوت استرپ

comment دیدگاه کاربران
mohammad nikkhah

با تشکر از استاد صالحی به خاطر اموزش های مفیدشون

وحید صالحی

سلامت باشی آقا محمد خوشحالیم که مورد توجه شما قرار گرفته.

alireza azami

شیوه تدریس بسیار عالی هستش
اصلا فکر نمیکردم اینقدر از این دوره راضی بشم
تشکر فراوان ❓

وحید صالحی

ممنون آقا علیرضا خوشحالیم که تونستیم رضایت خطر شما رو فراهم کنیم رضایت شما عزیزان باعث دلگرمی ما میشه.
پایدار باید…

mohammad005

سلام استاد صالحی عزیز
استاد من برای درست کردن قالب مورد نظرم چند فریم ورک را بررسی کردم دیدم اکثرا به این صورت فایل زیر کار می کنند. یعنی مثلا قالب را به 5 بخش تقسیم می کنند و هر بخش هم کلاس های داخلی خودش را داره.
1- اصلا این روش درسته؟؟ اگر نه روش اصولیش چیه؟؟
2- استاد به این قسمت بنفش رنگ چه کلاسی بدیم که کل اون قسمت را شامل باشه؟؟
http://joomlaforum.ir/upload/do.php?imgf=joomlaforum.ir_14364414681.jpg

وحید صالحی

سلام
1-بله کلا روش این هست و تمام فریم ورک های معتبر از این حالت استفاده می کنند و قطعا اصولیه کار دیگه ای نمیشه کرد
2-منظورتون رو واضح تر بگید الان قسمت بنفش کل عرض سند رو پوشانده!!!منظورتون از کل اون قسمت چیه؟

mohammad005

خوب آره استاد . به اون بنفشه چه کلاسی بدیم؟؟ بهش کلاس row دادم overflow پیدا کرد و اسکرول دار شد. منظورم کلاس بزگتری هست که خود container داخلش باشه؟

وحید صالحی

محمد جان شما کلاس row رو باید درون کلاس container استفاده کنی نه بیرونش جلسات رو به دقت مشاهد کن اگر می خوای عرض کل صفحه رو بپوشونی باید از کلاس container-fluid استفاده کنی جلسه 6 رو که امروز منتشر شده مشاهد کن در در این مورد توضیح داده ایم.

mehdi karimi

سلام استاد
آموزش عالی بود
فقط یک سوال دارم ، برای حالت sm یا xs که تمامی ستون ها به صورت افقی زیر هم میچسبن چه چوری میتونیم فاصله بدیم بهشون که بهم نچسبن ؟ یعنی زیرشون یه فاصله ای بیفته
با مدیا کوئری میدونم میشه ولی راه آسونتری وجود داره ؟ مثلا کلاس پیشفرضی هست ؟

وحید صالحی

ممنون اقا مهدی اگر هر بخش رو در یک row قرار بدید این مشکل برطرف میشه در بعضی از مواقع برای رفتار مروگر ها ممکنه باز هم بهم بچسبن که میتوید یه کلاس دل خواه به عنصر مورد نظرتون مثلا همین div ی که کلاس های xs و یا sm دادید بدید و برای اون کلاس در فایل css خودتون یه مارجین top یا bottom به اندازه ای که می خواهید فاصله داشته باشن بدید
موفق باشید…

mehdi karimi

مرسی ❓

وحید صالحی

خواهش می کنم.

Somayeh Shams

سلام.
دو تا سوال داشتم استاد:
1- یکی اینکه در فایل های این جلسه ،فایلی با نام extra class هست که توضیحی راجع بهش نداید. نکته خاصی داره؟
2- اگر برای سایز xsو sm تعداد ستون رو مشخص نکنیم، مرورگر تعداد ستون رو 12 میگیره. این حالت پیش فرض هست که اگر تعداد ستون رو مشخص نکنیم میاد و کل 12 ستون رو در برمیگیره ؟

وحید صالحی

سلام دوست عزیز
1- فایل خاصی نیست که اشتباها ایجاد شده
2-بله دوست عزیز بصورت پیش فرض 12 در نظر گرفته میشه که در مبحث تاثیر کلاس های پایین دست روی کلاس های بالادست و بلعکس هست که در مورد توضیح دادیم

amirfff

تا اینجای دوره فوق العاده بوده ,مرسی از استاد صالحی بابت تدریس فوق العادشون

نیاز به لاگین

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