آموزش کامل فریم ورک بوت استرپ 3 برای طراحی صفحات ریسپانسیو

آموزش بوت استرپ 3

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

جلسه اول - مقدمه آموزش بوت استرپ

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

جلسه دوم - دانلود و راه اندازی بوت استرپ

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

جلسه سوم - آموزش گرید بندی بوت استرپ( قالب ریسپانسیو)

در جلسه سوم از دوره آموزشی بوت استرپ 3 به مهمترین مبحث یعنی گرید بندی( همان ریسپانسیو) می پردازیم

جلسه چهارم - ساخت منوی ریسپانسیو (بخش اول)

یکی از چالش هایی که طراحان وب با آن دست و پنجه نرم میکنند، ایجاد کردن یک منوی دراپ دان و ریسپانسیو کردن آن در حالت موبایل و تبلت می باشد. در این ویدئوی آموزشی به طور کامل با ساختن منوی در بوت استرپ 3 آشنا می شویم

جلسه چهارم - ساخت منوی ریسپانسیو (بخش دوم)

جلسه چهارم - ساخت منوی ریسپانسیو (بخش سوم)

جلسه چهارم - ساخت منوی ریسپانسیو (بخش چهارم)

جلسه پنجم - تگ viewport چیست؟

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

جلسه هفتم -ساخت جداول ریسپانسیو در بوت استرپ

جلسه هشتم- آموزش ساخت تب در بوت استرپ 3

جلسه نهم - ساخت اسلایدر تصویر در بوت استرپ

جلسه دهم - کار کردن با فرم ها


ارسال نظر درباره این موضوع


  • پویا (شنبه, 23 شهریور 1398 ساعت 19:28:56)
    چجوری باید دو تگ p متفاوت رو توی یک کلاس jumbotron قرار دهیم

    • (شنبه, 23 شهریور 1398 ساعت 21:11:15)
      خب کافیه یه Div تعریف کنی با کلاس مد نظری که گفتی و دوتا تگ p رو داخلش قرار بدی

      • پویا (چهار شنبه, 27 شهریور 1398 ساعت 00:58:25)
        ممنون