کار با تصاویر و رنگ ها در بوت استرپ

کار با تصاویر و رنگ ها در بوت استرپ ، رنگ ها در بوت استرپ (از نظر پیاده سازی) به دو دسته ی رنگ های متن و رنگ های پس زمینه تقسیم می شوند و تصاویر در بوت استرپ که در این آموزش به شما یاد خواهیم داد.

مجموعه دکمه ها و نشان ها (badge) در بوت استرپ

مجموعه دکمه ها یا button group ها همانطور که از نامشان مشخص است، مجموعه ای از چند دکمه هستند که در کنار هم قرار می گیرند. برای ساخت این دکمه ها باید از کلاس btn-group. استفاده کنید. به مثال زیر دقت کنید ...

نوار پیشرفت (Progress Bar) در بوت استرپ

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

spinner ها و صفحه بندی (Pagination) در بوت استرپ

spinner ها و صفحه بندی (Pagination) در بوت استرپ ، spinner ها همان علامت های بارگذاری و loading هستند و برای ساخت یک صفحه بندی ساده با بوت استرپ باید کلاس pagination استفاده کنید که در این آموزش به شما یاد خواهیم داد.

منوهای Nav در بوت استرپ

منوهای Nav (مخفف Navigation) در فارسی اسم خاصی ندارند و معمولا با نام های منوهای جهت یابی یا نوار مسیریابی و… شناخته می شوند؛ این منوها استفاده های خاصی دارند که رایج ترین آن ها نوار موقعیت سایت و منوهای سربرگی هستند.

فرم‌ها در بوت استرپ 4

فرم ها در بوت استرپ تمام عناصر فرم ها در بوت استرپ استایل دهی شده اند. بنابراین باید بدانید این استایل ها به چه شکل هستند.

Input Group ها در بوت استرپ 4

input-group در بوت استرپ در واقع یک input عادی است با این تفاوت که در کنار آن متن یا چیز دیگری قرار دارد که به کاربر در پر کردن فرم کمک می کند. برای ایجاد این نوع از input ها باید از کلاس input-group. استفاده کنید.

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

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

کار با Tooltip و Popover در بوت استرپ

tooltip ها به شکل های مختلفی دیده می شوند اما اکثر آن ها کادری مستطیل شکل یا مربع شکل اند که حاوی اطلاعاتی اضافی در مورد مسئله ی خاصی می باشند. این دسته از اطلاعات معمولا به صورت توضیحات اضافی هستند که نیازی به حضور آن ها در متن اصلی نیست.

آشنایی با Bootstrap 4

Bootstrap چیست و کاربردهای آن

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

آموزش قدم به قدم Bootstrap

Bootstrap (بوت استرپ) مشهورترین فریمورک CSS ، HTML و JavaScript برای توسعه ی وب سایت های واکنش گرا و قابل اجرا در دستگاه های موبایل است. این فریمورک یک محصول کد باز و کاملا رایگان است.