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

یک توضیح کوتاهم درباره ی فریم ورک بگم ،کلا فریم ورک های این چنینی دارای یک سری کلاس و توابعی هستند که از پیش تعریف شدند .ما فقط میایم ازین کلاس ها و توابع در کدمون در جایی که لازم باشه استفاده میکنیم .مثلا برای ساخت منوی Drop-Down دیگه لازم نیست اون همه کد رو در فایل csss مون بنویسیم و فقط کافیه از کلاس مربوط به اون فریم ورک در کد html مون استفاده کنیم.
بوت استرپ تنها فریم ورکی نیست که ما داریم.فریم ورک های مختلفی مثل Foundation ، montage ،less ،w3،pure و کلا فریم ورک زیاد داریم در این زمینه ولی بوت استرپ محبوب ترینشون هست توی این کار و در بازار ایران هم جایگاه خوبی داره .


یکی دیگر از ویژگی های بوت استرپ ،ویژگی ریسپانسیو بودنشه که از یک سیستم 12 ستون برای این کار استفاده میکنه و با توجه به سایز دستگاهمون تنظیم میشه و کارهای ریسپانسیو رو برای ما خیلی راحت کرده .
متد mobile first یعنی اینکه بیایم طراحی سایتمون رو از سایز موبایل شروع کنیم و بعد میریم سراغ سایز های بزرگتر.
طبق این تصویر میبینید که توی ریسپانسیو طراحی سایت از سایز بزرگ شروع میشه مثل لپ تاپ و این چیزها و بعد میریم سراغ سایز های کوچیک مثل تبلت و موبایل.ولی درمتد یا طراحی mobile first میایم طراحی مون رو از موبایل و سایز کوچیک شروع میکنیم و محتویات رو به صورت linear یا خط به خط قرار میدیم و بعد میریم سراغ سایز های بزرگتر.
ادامه مطلب