سلام خدمت کاربران سایت دانشجویان کامپیوتر

امروز قصد دارم به آموزش ریسپانسیو(Responsive) کردن قالب سایت بپردازم همچنین می خوام از

فریم ورک بوت استرپ (bootstrap) برای ریسپانسیو کردن استفاده کنم.

در این آموزش ابتدا در چند قسمت اول قصد دارم به این که کلا ریسپانسیو(Responsive) کردن چی هست و به چه قالب هایی قالب

ریسپانسیو می گویند و کار و راه اندازی فریم ورک بوت استرپ می پردازم سپس بعد از این که با مفهوم بوت استرپ و

ریسپانسیو (Responsive) آشنا شدید به طراحی یک قالب از ابتدا و با اضافه کردن امکان ریسپانسیو با اچ تی ام ل 5 (html5) و

سی اس اس 3 (css3) می پردازم تا با ریسپانسیو کردن کاملا روی یک پروژه آشنا شوید.

قسمت سوم

ریسپانسیو کردن با فریم ورک بوت استرپ

طراحی قالب واکنش گرا

در این قسمت به آموزش این که چگونه در اندازه های مختلف 4 div را کنار هم و زیر هم قرار دهیم می پردازیم

ما در این آموزش از 4 تا div که در قسمت قبلی آماده کردیم استفاده می کنیم و در چهار اندازه

خیلی کوچک (برای دستگاه های کوچک)، کمی بزرگ تر (برای تبلت small)، متوسط، بزرگ این div ها

رو مدیریت می کنم.

به طوری که در حالت بزرگ و متوسط این چهار div کنار هم قرار می گیرند و صفحه سایتمون دارای 4 ردیف

خواهد بود.

این 4 div در حالت small دو ردیفه خواهد شد و در حالت small سایتمون دو ستونه خواهد بود.

در حالت یا اندازه گوشی هر 4 div زیر هم قرار می گیرند و صفحه سایتمون یک ستونه میشه.

شما می توانید این قسمت از آموزش را به صورت آنلاین مشاهده نمایید.

همچنین می توانید ویدئو مربوط به این قسمت را با کیفیت اصلی دانلود نمایید.