Bootstrap چیست؟

Bootstrap یک فریم ورک سمت کلاینت است و با استفاده از آن می توان به سرعت  و به سادگی صفحات وب را ایجاد نمود. Bootstrap از HTML و CSS استفاده می کند و به سادگی دکمه ها و فرم ها و جدول ها و ... را برای ما به طور مناسب استایل دهی می کند. Bootstrap به ما این امکان می دهد تا به آسانی قالب های واکنش گرا را ایجاد کنیم. 

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

فیلم آموزش ساخت قالب واکنشگرا در Bootstrap

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

• پیش‌نمایش: مشاهده قالب واکنشگرا
• حجم فایل: 560 مگابایت

فهرست مطالب کتاب Bootstrap

فصل 1: آموزش Bootstrap

• معرفی Bootstrap
• شروع کار با Bootstrap
• شبکه بندی مقدماتی Bootstrap
• تایپوگرافی (Typography) در Bootstrap
• جدول ها در Bootstrap
• عکس ها در Bootstrap
• جعبه ویژه در Bootstrap
• کلاس well در Bootstrap
• انواع هشدارها (Alerts) در Bootstrap
• انواع دکمه ها در Bootstrap
• گروه‌بندی دکمه ها در Bootstrap
• انواع آیکن ها در Bootstrap
• نوار پیشرفت در Bootstrap
• صفحه بندی در Bootstrap
• کلاس Pager در Bootstrap
• لیست ها در Bootstrap
• ایجاد Panel در Bootstrap
• منوی کشویی در Bootstrap
• فرم ها در Bootstrap
• انواع Inputها در Bootstrap
• اندازه دهی به input ها در بوت استرپ
• پلاگین carousel در Bootstrap

فصل 2: شبکه بندی Bootstrap

• سیستم شبکه بندی Bootstrap
• دسته بندی افقی در Bootstrap
• شبکه بندی small در Bootstrap
• شبکه بندی Medium در Bootstrap
• شبکه بندی Large در Bootstrap
• مثال های شبکه بندی Bootstrap

فصل 3: گزینه های Bootstrap

• بررسی Container در Bootstrap
• بررسی Jumbotron در Bootstrap
• بررسی دکمه/آیکن در Bootstrap
• بررسی ستون بندی در Bootstrap
• بررسی منوها در Bootstrap
• بررسی نوار هدایتی در Bootstrap

فصل 4: مرجع کلاس‌های CSS در Bootstrap

• کلاس‌های تایپوگرافی در Bootstrap
• کلاس‌های Button در Bootstrap
• کلاس‌های Form در Bootstrap
• کلاس‌های Helper در Bootstrap
• کلاس های Image در Bootstrap
• کلاس‌های Table در Bootstrap

فصل 5: کامپوننت های Bootstrap

• انواع آیکن‌ها در Bootstrap
• کلاس‌های Dropdown در Bootstrap
• کلاس‌های Nav (ناوبری) در Bootstrap

فصل 6: مرجع JavaScript در Bootstrap

• پلاگین collapse در بوت استرپ

فصل 7: آموزش پروژه محور Bootstrap

• آموزش ساخت قالب واکنشگرا