در این جلسه و در قسمت سوم معرفی و بررسی سیستم شبکه بندی (Grid System) در فریم ورک بوت استرپ می پردازیم و به بررسی سایر کلاس ه برای ا ایجاد سیستم شبکه بندی و حالات مختلف چینش آنها ...
مطالب مطرح شده در این جلسه عبارتند از :
-
-
- نحوه استفاده ترکیبی از چندین کلاس col برای حالات و اسکرین هایی با سایز متفاوت
- معرفی equal columns و unequal columns (ستونهای برابر و نابرابر)
- بررسی آفستینگ و معرفی کلاس های :
- col-lg-offset
- col-md-offset
- col-sm-offset
- col-xs-offset
- نحوه تاثیر گزاری کلاس پایین دست روی کلاس های بالادست در بوت استرپ
-
:: توجه
این مطلب یک جلسه از آموزش بوت استرپ 3 می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.
تا اینجای دوره فوق العاده بوده ,مرسی از استاد صالحی بابت تدریس فوق العادشون
سلام.
دو تا سوال داشتم استاد:
1- یکی اینکه در فایل های این جلسه ،فایلی با نام extra class هست که توضیحی راجع بهش نداید. نکته خاصی داره؟
2- اگر برای سایز xsو sm تعداد ستون رو مشخص نکنیم، مرورگر تعداد ستون رو 12 میگیره. این حالت پیش فرض هست که اگر تعداد ستون رو مشخص نکنیم میاد و کل 12 ستون رو در برمیگیره ؟
سلام دوست عزیز
1- فایل خاصی نیست که اشتباها ایجاد شده
2-بله دوست عزیز بصورت پیش فرض 12 در نظر گرفته میشه که در مبحث تاثیر کلاس های پایین دست روی کلاس های بالادست و بلعکس هست که در مورد توضیح دادیم
سلام استاد
آموزش عالی بود
فقط یک سوال دارم ، برای حالت sm یا xs که تمامی ستون ها به صورت افقی زیر هم میچسبن چه چوری میتونیم فاصله بدیم بهشون که بهم نچسبن ؟ یعنی زیرشون یه فاصله ای بیفته
با مدیا کوئری میدونم میشه ولی راه آسونتری وجود داره ؟ مثلا کلاس پیشفرضی هست ؟
ممنون اقا مهدی اگر هر بخش رو در یک row قرار بدید این مشکل برطرف میشه در بعضی از مواقع برای رفتار مروگر ها ممکنه باز هم بهم بچسبن که میتوید یه کلاس دل خواه به عنصر مورد نظرتون مثلا همین div ی که کلاس های xs و یا sm دادید بدید و برای اون کلاس در فایل css خودتون یه مارجین top یا bottom به اندازه ای که می خواهید فاصله داشته باشن بدید
موفق باشید…
مرسی ❓
خواهش می کنم.
سلام استاد صالحی عزیز
استاد من برای درست کردن قالب مورد نظرم چند فریم ورک را بررسی کردم دیدم اکثرا به این صورت فایل زیر کار می کنند. یعنی مثلا قالب را به 5 بخش تقسیم می کنند و هر بخش هم کلاس های داخلی خودش را داره.
1- اصلا این روش درسته؟؟ اگر نه روش اصولیش چیه؟؟
2- استاد به این قسمت بنفش رنگ چه کلاسی بدیم که کل اون قسمت را شامل باشه؟؟
http://joomlaforum.ir/upload/do.php?imgf=joomlaforum.ir_14364414681.jpg
سلام
1-بله کلا روش این هست و تمام فریم ورک های معتبر از این حالت استفاده می کنند و قطعا اصولیه کار دیگه ای نمیشه کرد
2-منظورتون رو واضح تر بگید الان قسمت بنفش کل عرض سند رو پوشانده!!!منظورتون از کل اون قسمت چیه؟
خوب آره استاد . به اون بنفشه چه کلاسی بدیم؟؟ بهش کلاس row دادم overflow پیدا کرد و اسکرول دار شد. منظورم کلاس بزگتری هست که خود container داخلش باشه؟
محمد جان شما کلاس row رو باید درون کلاس container استفاده کنی نه بیرونش جلسات رو به دقت مشاهد کن اگر می خوای عرض کل صفحه رو بپوشونی باید از کلاس container-fluid استفاده کنی جلسه 6 رو که امروز منتشر شده مشاهد کن در در این مورد توضیح داده ایم.
شیوه تدریس بسیار عالی هستش
اصلا فکر نمیکردم اینقدر از این دوره راضی بشم
تشکر فراوان ❓
ممنون آقا علیرضا خوشحالیم که تونستیم رضایت خطر شما رو فراهم کنیم رضایت شما عزیزان باعث دلگرمی ما میشه.
پایدار باید…
با تشکر از استاد صالحی به خاطر اموزش های مفیدشون
سلامت باشی آقا محمد خوشحالیم که مورد توجه شما قرار گرفته.