campaign-experts

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



visibility  
mode_comment   ۶۲

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

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

  • معرفی کلاس pull و بررسی ساختار و کاربرد آن
  • معرفی کلاس push و بررسی ساختار و کاربرد آن
  • بررسی columns ordering و نحوه سفارشی سازی الویت نمایش بلاک های ایجاد شده
  • بررسی column nesting و نحوه ایجاد بلاک های تو در تو
  • معرفی کلاس container-fluid برای طراحی تمام صفحه
  • بررسی چارچوب fluid layout
  • بررسی چارچوب fixed layout
  • معرفی کلاس jombotron برای ایجاد یک باکس در سند
  • نحوه سفارشی سازی کلاس container و ایجاد عرض دلخواه برای آن
  • ایجاد ساختار اولیه یک قالب واکنشگرا در قالب یک مینی پروژه بر پایه آنچه که تا این جلسه آموخته ایم
info توجه

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

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

comment دیدگاه کاربران
amirfff replyپاسخ

سلام استاد صالحی
در قسمت مینی پروژه زمانیکه به کلاس menu , مارجین bottom دادین به ارتفاع آن اضافه شد می خواستم علتش رو بدونم , آخه من برای اولین بار هست که با یه همچین موردی برخورد می کنم که مارجین bottom به ارتفاع اضافه کنه…

وحید صالحی

به عنصر درونی menu مارجین داره اعمال میشه

سید روح اله حسینی replyپاسخ

سلام و عرض ادب
من فایل تمرینات شما را درمرورگر فابرفاکس ( آخرین ورژن ) باز میکنم ولی فونت ها به صورت معمولی نمایش میده و استایل فونت بی یکان را نمیگیرد . حتی تکس اینکودینک را روی unicode تنظیم کردم ولی بازم همون طوره …جالبه با انترنت اکسپلور و کروم خوب نمایش میده فقط با فابرفاکس مشکل داره لطفا راهنمایی کنید.

amirfff replyپاسخ

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

وحید صالحی

سلام بجای استفده از width از max-width استفاده کنید

amirfff replyپاسخ

استاد این راه حلی که شما می گید برای عرض هایی کمتر از عرض container جواب می ده ،
مثلا در حالت md که عرض container برابر با 970px می باشد ، ما اگر از max-width استفاده کنیم و مقدار max-width را از 970 کمتر بدهیم (مثلا 920px) مشکلی نیست کد به درستی ایجاد می شود ولی اگر مقدار max-width را از 970 بیشتر بدهیم (مثلا 1000) ، container همان عرض 970 را می گیرد فارغ از اینکه ما مقدار بیشتر از 970 را به آن اختصاص داده ایم ….

وحید صالحی

دوست عزیز بهتره ابتدا یکم رو موارد پایه ای css مسلط بشید از min-width براش استفاده کنید

amirfff replyپاسخ

استاد بنده رو موارد css مسلط هستم ، روشی که شما پیشنهاد دادید کامل نیست و اصلا با این روش نمی شه به صورت اختصاصی عرض تعیین کرد ، بهتر بود شما نحوه ی تعریف مدیاکوعری رو عنوان می کردید ، چون با اون روش می شه عرض container رو سفارشی کرد

وحید صالحی

دوست عزیز زمانی که شما از فریم ورک استفاده می کنید نباید نیازی به مدیا کوئری داشته باشید کدهاتون رو با توضیح واضح در مورد کاری که می خواید انجام بدید به ایمیل بنده ارسال کنید تا بررسیشون کنم

amirfff replyپاسخ

اگه از min-width استفاده کنیم صفحه اسکرول افقی می خوره

amirfff

استاد اول از همه بخاطر پاسخگویی سریع از شما نهایت تشکر رو دارم ، ممنون که برای دانشجوهاتون وقت می ذارید و رفع اشکال می کنید ،خداخیرتون بده
چشم بنده تا 24 ساعت آینده براتون فایل رو ایمیل می کنم و دلیل خودم رو براتون می گم که چرا استفاده از روش max-width و min-width کامل نیست ، و دچار نقص هستش …

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.

1 2 3