Bootstrap Archives – شاه کد

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


مجموعه دکمه ها و نشان ها (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 چیست و کاربردهای آن
Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML ،CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد.
ادامه مطالب


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