دوره مجازی بوتسترپ 4 : جلسه سوم - بررسی سیستم شبکه بندی بخش اول

دسته بندی: آموزش
زمان مطالعه: 1 دقیقه
۱۸ فروردین ۱۳۹۷

با عرض سلام خدمت تمامی دانشجویان دوره آموزش بوتسترپ 4. امروز با جلسه سوم از این دوره آموزشی در خدمت شما عزیزان هستیم.

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

  • بررسی کلاس container  و container fluid
  • بررسی کلاس row
  • بررسی ساختار سیستم شبکه بندی و بررسی مفهوم کلاس های col و نحوه ایجاد سیستم شبکه توسط کلاس col-sm
  • و...
:: توجه

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

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

چه امتیازی به این مقاله می دید؟
نویسنده وحید صالحی
علاقمند به طراحی و برنامه نویسی وب هستم و چند سالی میشه که در این زمینه فعالیت می کنم. (ایمیل من: @) وب سایت من:

جلسات دوره

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

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

نظرات کاربران

حمید درویش

سلام و خسته نباشید
وقتی به المان کلاس col رو میدیم، این دقیقا یعنی چی؟ مثلا col-5

وحید صالحی

یعنی استفاده از 5 ستون ار 12 ستون موجود

mehdi tavangar

سلام من دوره رو خریدم ولی لینک دانلود فعال نیست

وحید صالحی

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

darya

سلام استاد
شما فرمودید بین هر col که ایجاد میکنید margin راست و چپ 15 وجود داره، یک جا هم فرمودید هر col خودش هم padding راست و چپ داره، padding رو داره، ولی به نظر میاد margin راست وچپ نداره و اصلا دیده نمی شه چون طبق فلکس کنار هم قرار گرفتن. من چندین بار چک کردم این مورد رو.

afshinirani

عالی بود خسته نباشید…

مجید زارعی هوشیار

سلام…..خسته نباشی…..عالی بود…
استاد فقط سوالی که پیش اومد اینکه گفتین عرض صفحه مانیتور شما چی هستش ؟۱۲۸۰ یا ۱۲۴۰ ؟

وحید صالحی

سلام ممنونم 1280 هستش

ایمان ملکی

– جلسه سوم و چهارم بی کیفیت هست(صدا خوبه اما تصویر نه) . ویدئو با کیفیت تصویر بالاتر میخواهم.
– عرض container دومقدار بیان شد! 1140 و 1170 پیکسل ! در حالی که https://getbootstrap.com/docs/4.0/layout/grid/#grid-options آمده : حداکثر عرض 1140px .
1170 مربوط به چه حالتی هست؟

وحید صالحی

اول سلام
مشکل فنی بود و کیفیت ویدئو هایی که اشاره شد اصلاح شد مجددا می تونید دانلود کنید
درضمن دوست عزیز شما یا با آموزش های ما پیش برید و یا برید سراغ مستندات و از اونجا ادامه بدید. ما در دوره موارد کاملتری رو نسبت به مستندات می گیم که در اونجا بهش اشاره نشده مثل پاسخ همین سوالتون .
و اما پاسخ این سوالتون که از سوال معلومه که اصلا به مباحث ارائه شده دقت نکردید عرض container 1140px هست مطابق با مستندات درسته …مگه نگفتیم هر کدوم از ستون ها و همچنین container ما از چپ و راست 15px مارچین دارن خوب بنده طول کلیش رو هم خدمتتون گفتم تا بهتر موضوع رو درک کنید چیزی که توی مستندات بهش اشاره نشده …خوب 2 تا 15px میشه 30px و اگر با اون 1140 جمع کنید میشه 1170 که میشه عرض کلی container با احتساب مارجین چپ و راستش …بیشتر دقت کنید

مهتاب خلیلی

سلام وقتتون بخیر
میشه نام افزونه inspect element ای که در این ویدئو استفاده می کنین رو بگین؟ ممنون میشم

وحید صالحی

کدوم افزوته دوست عزیز inspect element بصورت پیشفرض روی chorme هست

محمد رمضانی

سلام این دوره برای چه کسانی مناسب هست؟
من به html و css تقریبا مسلط هستم ولی نمیتونم یه قالبی رو سرپا کنم. ایا این دوره میتونه به من کمک کنه که یک طراحی حرفه ای front end بشم؟
ممنونم از راهنمایتون

وحید صالحی

سلام بله دوست عزیز براتون مفید خواهد بود