آموزش بوت استرپ (گام2) طرح کلی و رسپانسیو

دوره بوت استرپ ژانویه 2015 24

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

ویدئو این قسمت را میتوانید از باکس زیر دانلود کنید :

دانلود فیلم آموزشی
لینک دانلود52 مگابایت

 

چکیده این قسمت :

اولین کلاس کاربردی در بوت استرپ container است ، از این کلاس برای ساخت باکس کلی سایت استفاده خواهد شد و تمام کد ها درون این کلاس قرار خواهند گرفت ؛ این کلاس باکسی وسط چین و با عرض 1170 پیکسل را ایجاد میکند:

 

اما اگر نیاز بود باکس اصلی سایت تمام صفحه باشد بجای کلاس container از container-fluid استفاده میشود ، این کلاس یک باکس با عرض فول اسکرین ایجاد میکند :

 

سیستم طرح کلی بوت استرپ مشابه طراحی سایت با جداول است که مروبط میشه به مدت ها قبل ( شما ها یادتون نمیاد 😀 ) ؛ به این صورت که از سطر ها و ستون ها برای طرح کلی سایت استفاده میشد تا اینکه css اومد روی کار و با عملکرد بهترش ، سیستم طرح بندی با جداول به خاک سپرده شد !

در بوت استرپ برای ایجاد یک سطر از کلاس row استفاده میشود :

 

اما برای ساخت ستون ها به این سادگی عمل نمیکنیم چون باید رسپانسیو بودن سایت را در ستون بندی پیاده سازی کنیم . عرض هر باکسی در بوت استرپ به 12 قسمت تقسیم میشه و هر چیزی که در هر باکس موجود باشه قابل تنظیمه که از 12 قسمت آن عرض چقدر را اشغال کند و برای تعیین خاصیت width با css باید خداحافظی کنید.

grid

برای اینکه یک تگ div در یک باکس و در رزولوشن بزرگ (بزرگتر از 1200 پیکسل) 6 قسمت از 12 قسمت را اشغال کند از کلاس col-lg به این صورت استفاده میشه :

 

میتوان در کنار ستون بالا یک ستون دیگر ایجاد کرد که مثلا 3 قسمت را اشغال کند :

 

و باز یک ستون دیگر برای اشغال کردن 3 قسمت دیگر :

 

اما توجه کنید که مجموع عرض های ستون های یک ردیف نباید بیشتر از 12 باشد. با استفاده از کلاس col-lg ما ستون ها را برای عرض سایز بزرگ تنظیم کردیم ، حال میخواهیم برای سایز سایز ها نیز تعیین کنیم که در رزولوشن های مختلف ستون ها چه قسمت از 12 قسمت را بگیرند :

_ کلاس col-lg برای رزولوشن های 1200 پیکسل به بالا بود (عرض های بزرگ)

_ برای تعیین عرض بین 992 تا 1200 پیکسل از کلاس col-md استفاده میشود (عرض های کوچک)

_ برای عرض های بین 768 تا 992 پیکسل از کلاس col-sm استفاده میشود (عرض های تبلت ها)

_ برای عرض های کوچکتر از 768 پیکسل نیز از کلاس col-xs استفاده میشود.(عرض های موبایل)

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

 

اگر نیاز داشته باشیم که یکی از ستون ها در عرض مشخصی از ستون کناری خود فاصله بگیرد (مثلا در عرض کلاس col-md) از کلاس col-md-offset استفاده میشود :

 

گاهی نیاز است یک آبجکت در رزولوشن خاصی مخفی یا نمایش نشود ، برای اینک هآن آبجکت نمایش نشود از کلاس hidden استفاده میشود ، مثلا برای اینکه یک باکس در رزولوشن کلاس col-sm مخفی نمایش نشود :

دیدگاه ها
  • mahmoodi1391 گفت:

    سلام
    ممنون آقای برنامه نویس
    سر فرصت دانلود میکنم و فیلم هاتون رو میبینم
    فقط اگر ممکنه دوره پروژه محور باشه و در طی این دوره یه قالب رو طراحی کنید

    • حسین شفیعیان گفت:

      سلام
      مرسی تشکر از شما
      متاسفانه اون بازتابی که مد نظرم هست نمی بینم و استقبال کمه !
      اگر استقابل شد ادامه پیدا میکنه و آموزش چند تا قالب حرفه ای رو با این فریم ورک تقدیمتان میکنم

      • mahmoodi1391 گفت:

        بازتاب همیشه به تعداد دیدگاه و نظر و … نیست به نظرم
        به نظرم به آمار دانلود فیلم هاتون توجه کنید بازتاب بهتری ببینید ( خودم تجربه دارم )

        با تشکر

  • امیرحسین گفت:

    ممنون عالی بود

    بی صبرانه منتظر آموزش های بعدی شما هستم

  • mehran گفت:

    مثل همیشه عالی بود. مهندس این بوت استرپ نیاز به سئو هم داره؟ یعنی وقتی با بوت استرپ یه قالب میسازیم باید اون تگ های HTML5 رو توش بگار ببریم؟ مثلا تگ article یا header یا اینکه نیازی نیست به این تگ ها؟
    مرسی.

    • حسین شفیعیان گفت:

      تشکر
      بوت استرپ دیگه کاری به html نداره و از هر تگی که خواستید میتونید استفاده کنید ، میتونید مثل قبل از div یا طبق متد html5 با article در هر صورت فرقی نمیکنه

  • ali.h گفت:

    فوق العاده آقا فوق العاده…تا گام بیستم برو جلو…:)

  • 3pa گفت:

    حیف شد انجمن چرا خرابش کردید!؟
    سر فزصت دانلود میکنم ممنون از تلاشتون

    • حسین شفیعیان گفت:

      تعداد تاپیک ها بالا بود در صورتی که بنده در نظر داشتم فقط پرسش و پاسخ باشه ، انتظارات هم بالا بود
      مرسی

  • 3pa گفت:

    لایک لایک لایک!…
    عالی بود محشره
    لطفا ادامه بدید دوره رو!

    • حسین شفیعیان گفت:

      مرسی ، دارم جزوه های قسمت های بعدی را مینویسم را بتونم فیلم هاشو ضبط کنم …

  • 3pa گفت:

    فقط یه اشتباه تو فیلم هست div فوتر که تعریف کردی به جای دایو بسته براش دانلود باز گذاشتی تصحیح هم نکردی

  • king20 گفت:

    سلام اقا انجمن قط شده؟
    میشه یه افزونه خوب معرفی کنید برای اضافه کردن جدویل داخل ورد پرس؟

    • حسین شفیعیان گفت:

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

  • arezoo گفت:

    سلام
    فوق العاده بود ممنون
    لطفا ادامه بدید

  • saeeddeeas گفت:

    سلام
    انجمن غیر فعال شده ؟
    من یک سوال دارم
    اگه بخواهیم یک قالب رو که قبلا طراحی شده با بوت استریپ ریسپانسیو کنیم
    وقتی میگی از row مثلا 6 /4 بگیر اندازشو چطور میتونیم تشخیص بدیم که قبلا اصلا برای واکنش گرا طراحی نشده

  • hadi2016 گفت:

    ممنون از آموزش های خوبتون آقای شفیعیان
    فقط یه مشکلی پیش اومد و یه سئوال داشتم
    برای سطر بندی از کلاس row استفاده کردید و برای ستون بندی از کلاس col-lg من مانیتورم از این قدیمی هاست نه صد و خورده ای در هفتصد و خورده ای و فکر کنم باید از کلاس col-md استفاده کنم
    خوب حالا اگر بازدید کننده ها با ریزولویشن های مختلف بیان چطوری میشه؟
    ممنون از آموزش های بسیار خوبتون

  • hadi2016 گفت:

    آقای شفیعی این گرافیک باکس های مطالب شما
    به بوت استرپ ربط داره یا خودتون با css نوشتید؟
    اگه با بوت استرپ لطفا گرافیک سایت با بوت استرپ رو هم یاد بدید
    ممنون

    • حسین شفیعیان گفت:

      خیر باکس ها روخودم طراحی کردم ، برای ساختش باید به css3 تسلط داشته باشید.

  • hadi2016 گفت:

    سلام
    من یه دونه مدیا پلیر انداختم توی بخش content اما وقتی زوم میکنم میره با اسلاید چپ قاطی میشه
    چطور میتونم مدیاپلیرو ریسپانسیو کنم؟
    ممنون

  • hadi2016 گفت:

    با سلام آقای شفیعیان
    چطور میشه در بت استرپ گفت که وقتی ریزولیشن به اندازه گوشی تغییر کردن ارتفاع باکس زیاد بشه؟
    ممنون

    • حسین شفیعیان گفت:

      سلام
      با media screen در css اقدام کن یا از کد زیر در بوت استرپ :

  • wahab گفت:

    سلام کد هاتون ایراد سینتکس داره بجای class نوشتین cass

  • wahab گفت:

    تابلوست خوب بررسی نکردین

    • حسین شفیعیان گفت:

      اگه مشکلی هست بگید کجا تا رفع کنم ، عذر خواهی میکنم درگیری هام زیاده حوصله زیاد ندارم
      مرسی

  • omidd1315 گفت:

    مرسی
    برای طراحی وب سایت از صفر تا 100 چه پیشنهادی میدین
    منظورم اینه که اول UI باید مشخص بشه یا اول اون سی ام اس یا کدی که قراره نوشته بشه؟
    خیلی ممنون

  • wahab گفت:

    سلام
    تو همه div های سومی به بعد یا خط سوم
    کدهات cass گذاشتی بجای class مثلا آخری خط سوم

    text

  • mohammad0241 گفت:

    لایک

  • mansourehmozafari@yahoo.com گفت:

    خیلی عالیه .بی نهایت سپاس گذار

  • reza گفت:

    با سلام
    اگه ممکنه اموزش افزونه حمایت مالی را قرار بدید
    با تشکر

  • fatemeh-rad گفت:

    سلام
    وقت بخیر،
    من تمرینات شما را در notpad++ انجام میدم، اما ستون بندی درست کار نمیکنه
    میتونید کمکم کنید؟

    • حسین شفیعیان گفت:

      سلام
      خب من اینطوری چه کاری از دستم بر میاد؟؟!!!
      صبر کنید در ادامه چند تا قالب را با فریم ورک بوت استرپ پیاده خواهیم کرد و این مباحث را بازگو خواهم کرد
      اگر طور دیگه ای میتونم کمکتون بکنم بفرمایید لطفا…

  • امید گفت:

    سلام عالی بود
    آقا میخوام برای عرض مشخصی یعنی 1000 پیکسل تعریف کنم باید چه کاری انجام بدم؟!
    اول کانتینر و بزارم بعد تو یه جدول کوچیک این کارو بکنم؟!
    قاطی کردم رفت 😀
    راهنمایی کنی ممنون میشم

    • حسین شفیعیان گفت:

      سلام و تشکر
      دقیقا متوجه مشکلتون نشدم اما فکر میکنم باید از مدیا اسکرین در css استفاده کنی
      اگه نیاز به راهنمایی بیشتر دارید در انجمن مطرح کنید پاسخگو خواهم بود
      موفق باشید

  • mohamad_sdg گفت:

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

    • حسین شفیعیان گفت:

      سلام و سلامت باشید
      بله تا انتهای دوره چند قالب رو با هی دیگه ئیاده خواهیم کرد
      مرسی

  • rasol1999 گفت:

    باتشکراز اموزش خوب شما،امیدوارم ادامه داشته باشه

  • کاربر گفت:

    با سلام. یک سوال داشتم:
    مگه نگفتید که جمع ستون ها باید بشه 12؟
    خب چرا داخل کلاس row سه تا کلاس col-sm-6 و col-xs-12 گذاشتید؟!
    جمعشون میشه 18 و 36
    !!!

    • حسین شفیعیان گفت:

      باید بشه 12 و وقتی بیشتر از 12 شد دومی میفته تو سطر بعد ، توی مثال ها توضیح میدم

  • محمد امين گفت:

    سلام خسته نباشيد من يه سوالي داشتم ميخواستم ببينم داخل بوت استرپ يه كلاس پيش فرض وجود داره كه width=100% باشه كه در حالت ريسپانسو همون طول 100 % باقي بمونه و تغيير نكنه ؟؟ خيلي مهمه لطفا اگه ميشه جواب رو به ايميلم ارسال كنيد ممنون ميشم.

  • سجاد گفت:

    سلام من css کار کردم ولی به صورت قدیمی مثل سایت جدید نیستند

  • ناشناس گفت:

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

  • حسن نادری گفت:

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

    • حسین شفیعیان گفت:

      سلام و تشکر
      احتمالا دوره جاوا را بصورت حضوری در اصفهان بر گزار میکنم

  • محمد گفت:

    سلام. خسته نباشید لطفا جواب سوال منو بدید.
    من یه col lg12 تعریف کردم و توش چارتا col lg 3. وقتی اندازه صفحه رو عوض میکنم، فقط یکی از col lg 3 ها توش میمونه و بقیه از اون کادری که تعیین کردم با کول الجی 12 خارج میشن. یعنی ارتفاع کول الجی 12 ثابت میمونه . من برای این مشکل چه کار باید بکنم؟

    • حسین شفیعیان گفت:

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

  • حسن نادری گفت:

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

  • حسن گفت:

    باسلام.
    آیا بدون بوت استرپ هم میشه قالب واکنشگرا ساخت.
    من تقریبا css html را مسلطم.اما قالب وا کنشگرا بدون بو اترپ نمی تونم بسازم.

  • سلام گفت:

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

  • سمیرا گفت:

    سلام
    خسته نباشید، من ویدئو ها رو دانلود کردم خیلی خوب هستند.تشکر، اگر من بخواهم وارد بازار کار طراحی سایت بشوم، دوره کاربردی چه چیزی و کجا رو معرفی می کنید.ممنون

    • حسین شفیعیان گفت:

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

  • میلاد گفت:

    سلام
    میشه بگید چطوری تو بوت استرپ بین div ها فاصله ایجاد کنم…تو فیلم آموزش (گام2) که گذاشته بودین همه به هم چسبیده بود.
    ممنون میشم

    • حسین شفیعیان گفت:

      سلام ، باید داخل کلاس های col یک تگ div جدید ایجاد و به اون استایل بدید ، جلسه هشتم را مشاهده کنید.

  • ستارخان گفت:

    اوه نه من نمیتونم با این شیوه پیش برم
    هه شوخی کردم میشه اموزشاتون ویدئو نباشه !!!!!!!!!!!!!!!!!

    اوکی باشه دانلودش میکنم.

  • NGH گفت:

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

  • Saeed.N گفت:

    خیلی عالی و کاربردی هست.تشکر میکنم از آموزش های خوبتون.
    من خودم با ساختارهای html5 و css3 آشنایی دارم و اینکه یه دفعه ای بخواین width و height و … رو بیخیال بشین و با ساختارهای جدید بوت استرپ کار کنین یه کم زمانبره و نیاز به تمرین داره.

  • Mahsa hoseini گفت:

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

  • Ali.n گفت:

    شروع به دانلود دوره‌ بوت استرپ كردم ، متنظر اموزش طراحی یك قالب كامل هستم ممنون

  • Mahsa hoseini گفت:

    سلام با تشکر
    این قسمت رو دنبال کردم و براحتی با دیدن فیلم اموزشیتون کامل متوجه شدم مرسی از زحماتتون.

  • ستارخان گفت:

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

  • mohammad گفت:

    سلام
    ببخشید طرح ریسپانسیو کردن هم توی وردپرس مثل همین طوریه یا فرق داره؟

    • حسین شفیعیان گفت:

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

  • mohammad گفت:

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

  • نیما گفت:

    خواستم تشکر کنم از زمانی که بابت تهیه آموزش ها گذاشتید و برای شما دوست گرامی آرزوی سلامتی ، شادی ، موفقیت و ثروت دارم

  • somayeh shams گفت:

    ممنون از آموزش خوبتون

  • فاطمه گفت:

    سلام. ممنونم بابت زحماتتون . فقط وقتی رو لینک آموزش میزنم این پیغام رو میده account suspended

  • زهرا مهدوی گفت:

    با سلام مجدد. من یه سوال از شما داشتم. میخواستم ببینم این بوت استرپ که اصلا واحدهای پیکسل و درصد و این ها رو نیاز نداره برای اندازه دادن.پس ما چه زمانی می تونیم از واحد پیکسل و درصد استفاده کنیم؟ زمانی که کلا از فریم ورک ها استفاده ای نمی کنیم و به صورت دستی و بدون کمک از بوت استرپ طراحی قالب رو انجام میدیم

  • زهرا مهدوی گفت:

    و یه سوال دیگه هم داشتم. اگه میشه لطفا به سوالام جواب بدین.اینکه طراحی ریسپانسیو بدون کمک بوت استرپ چه جوریه؟ آموزشش به طور جداگانه منظورمه.به نظرم وقتی به اون مسلط باشیم یادگیری ریسپانسیو کردن توی بوت استرپ هم اسونتره.میشه سایتی یا لینکی رو برای آموزشش بهم بدین؟

    سپاس فراوان از شما
    خدا برکت بهتون بده

  • کیان گفت:

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

  • هدیه گفت:

    سلام خسته نباشید.
    من عکس تمام صفحه میخوام ولی از کناره نمیگیره سفید باقی میمونه چی کار باید بکنم
    ؟؟/
    ممنون

  • ممل خان گفت:

    حسین اقا خیلی گلی خیلی
    اقا یه سوال فنی اگر از کلاس های col برای تغییر اندازه در رزولوشن های مختلف استفاده نکنیم بوت استرپ خودش وقتی مرور گرو کوچیک و بزرگ میکنیم سایز هارو تغییر میده پس چرا باید بنویسیم ؟

  • مهران گفت:

    سلام. ببخشید سوالم آماتوریه
    میخواستم بپرسم ورد پرس و بوت اسکریپت آیا با هم فرق دارن منظورم اينه کارشون یکیه یا نه تو تا چیز مجزان. اگه مجزان برای طراحی وب سایت کدوم یکی رو پیشنهاد میدین.
    با تشکر

  • usof گفت:

    عالی بود !

  • دوستی گفت:

    سلام خیلی عالی بود .

  • mahdi3751 گفت:

    خدایش من انتظار نداشتم تو ایران اموزشی با این کیفیت و بازده بالا به صورت رایگان پیداشه
    خیلی عالیه
    من که دارم فیلم ها رو دنبال میکنم
    و
    خیلی تشکر میکنم

  • رضا گفت:

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

    روسیاهیم اما دعای خیر ما بدرقه ی راهتون…

  • مهدی گفت:

    با سلام
    بنده میخواستم بدونم به چه شکل میشه وقتی xs میشود تغییراتی ایجاد کنیم که فقط مختص xs باشد .
    مثلا چگونه می توان رنگ منوی xs را تغییر داد بدون آن که تغییری در منوی sm و md به وجود آید .

    با تشکر

    • حسین شفیعیان گفت:

      درود
      این مورد در مستندات بوت استرپ ذکر شده !
      همچنین میتونید از media screen هم استفاده کنید

  • شیرین گفت:

    سلام
    دو تا سوال داشتم ازتون
    ۱- تو ویدیو اول گفته بودید برای اینکه لود صفحه بالاتر بره اسکریپت رو آخر قسمت بادی گذاشتید اما تو این ویدیو دیدم تو قسمت هد هست دلیل خاصی داره؟
    ۲- تو حالت صفحه بزرگ اسلایدبار سمت چپ و کانتت سمت راست هست اما میخوام وقتی صفحه کوچیک میشه اول کاتنت نمایش پیدا کنه و بعد پایینش اسلایدبار(یعنی برعکس چیزی که تو فیلم اجرا شد) آیا راهی هست که بتونیم ترتیب نمایش ستون ها رو تو حالت های مختلف عوض کنیم
    سپاس 🙂

    • حسین شفیعیان گفت:

      سلام
      1-هر دو حالت درسته ولی حالت دوم صحیح تره ، احتمالا فراموش کردم یا یه همچین چیزی 🙂
      2-شاید بشه با جی کويری انجامش داد !

  • حفاظ بوته ای گفت:

    سلام.وبسایت خیلی خوب و جامعی دارید.ممنون

  • پویا گفت:

    آقای برنامه نویس یه چیز دیگست … کلاس کاریش متفاوته.

  • هانیه گفت:

    سلام آقای شفیعیان واقعا ممنونم ازتون بخاطر این دوره آموزشی که زحمت کشیدید و تهیه کردین. واقعا مشکل من رو حل کردین با تمام وجودم ازتون ممنونم.
    فقط یک سری از کلاس ها درست عمل نمیکنن مثلا کلاس container نوشته رو از همون ابتدا نشون میده و حتی کلاس های col که برای تعیین عرض هاس هم هیچ تغییری بوجود نمیارن و کل سطر رو میگیرن. فکر میکنید مشکل از چیه ؟ ممکنه بخاطر آپدیت نبودن فایرفاکس باشه؟

    • حسین شفیعیان گفت:

      سلام
      به احتمال زیاد تو اسپلش مشکل داره

      • هانیه گفت:

        حل شد 🙂 ممنون از لطفتون … اون فایل css رو ضمیمه فایلم نکرده بودم. فیلم جلسه اول رو با دقت دیدم متوجه شدم. باز هم تشکر آقای برنامه نویس

  • خرید فالوور اینستاگرام گفت:

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

  • مددی گفت:

    شروع خیلی خوبی بود و برای من واقعا مفید

    تشکر و دنبال میکنم بقیش رو