آموزش طراحی سایت تک صفحه ای Responsive با Bootstrap 4

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

عنوان اصلی : Bootstrap 4 Layouts: Responsive Single-Page Design

سرفصل ها :

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