قسمت شانزدهم bootstrap : نحوه ی استفاده از کادر در بوت استرپ ۴

یک کادر در بوت استرپ ۴ ، حاوی حاشیه دور یا border می باشد . شما میتوانید در این کادر محتوا نیز قرار دهید ، همچنین این کادر میتوان شمال هدر ، پاورقی یا فوتر ، محتوا ، رنگ و … نیز باشد. پیشنهاد میشود قبل از ورود به این اموزش قسمت های پیشین دوره […]

قسمت شانزدهم bootstrap : نحوه ی استفاده از کادر در بوت استرپ ۴

قسمت پانزدهم bootstrap : نحوه ی استفاده از لیست در بوت استرپ ۴

در صفحات وب نیز از لیست بندی های مختلفی استفاده میشود یکی از معمول ترین و رایجترین نوع لیستی که استفاده میکنیم ، لیست شمارشی طبقه بندی نشده است. پیشنهاد میشود پیش از ورود به این جلسه ، سایر قسمت های دوره ی بوت استرپ ۴ را مطالعه فرمایید. اگر اطلاعی از جلسات قبلی ندارید […]

قسمت پانزدهم bootstrap : نحوه ی استفاده از لیست در بوت استرپ ۴

قسمت چهاردهم bootstrap : نحوه ی صفحه بندی در بوت استرپ ۴

قاعدتا هنگامی که که تمام مطالب را در یک صفحه قرار دهیم ، حجم لود صفحه بالا رفته و علاوه بر ان نیز کاربر سردرگم خواهد شد ، برای بهبود این رویه قطعا باید از صفحه بندی استفاده کنیم. بوت استرپ ۴ نیز در این زمینه به ما کمک میکند تا به بهترین شکل ، […]

قسمت چهاردهم bootstrap : نحوه ی صفحه بندی در بوت استرپ ۴

قسمت سیزدهم bootstrap : نحوه ی تعریف اسپینرها در بوت استرپ ۴

اسپینر ها یا گردونه ها معمولا استفاده های مختلفی دارند ، یکی از بازرترین نوع استفاده انها در هنگام ارسال یک فرم می باشد که بعد از تکمیل اطلاعات اسپینر به نمایش در می آید و به صفحه ی جدید یا قدم بعدی فرم منتقل میشوید. پیشنهاد میشود برای درک بهتر این قسمت سایر قسمت […]

قسمت سیزدهم bootstrap : نحوه ی تعریف اسپینرها در بوت استرپ ۴

قسمت دوازدهم bootstrap : نحوه ی تعریف نوار پیشرفت در بوت استرپ ۴

نوار پیشرفت یکی از مواردی است که در قسمت های مختلف یک سایت مانند اطلاع رسانی ظرفیت همایش ، اطلاع رسانی میزان پیشرفت یک پروژه و …. استفاده میشود . در این قسمت از اموزش های بوت استرپ ۴ به این پرداختیم که نحوه ی تعریف اصولی یک نوار پیشرفت را توضیح دهیم. نوار توسعه […]

قسمت دوازدهم bootstrap : نحوه ی تعریف نوار پیشرفت در بوت استرپ ۴

قسمت یازدهم bootstrap : نحوه ی تعریف نشانها در بوت استرپ ۴

معمولا نشانها در بوت استرپ برای اشاره کردن و بولد کردن یک قسمت به کار میروند ، برای اطلاعات بیشتر درباره ی جدید بودن یک لیبل میتوان از نشان استفاده کرد . در سایر قسمت های آموزش بوت استرپ به بررسی نکات ریز و کاربردی در باره تایپوگرافی و تعریف دکمه ها و …. پرداخته […]

قسمت یازدهم bootstrap : نحوه ی تعریف نشانها در بوت استرپ ۴

قسمت دهم bootstrap : نحوه ی تعریف گروه دکمه ها در بوت استرپ ۴

اکثر اوغات گروه دکمه برای منوها ، تب ها و …. کاربردهای مختلفی دارند ، گروه دکمه ها در بوت استرپ به صورت پیش فرض وجود دارند ، در این قسمت از اموزش های بوت استرپ به طراحی دکمه های گروهی خواهیم پرداخت. پیشنهاد میشود پیش از ورود به این قسمت ، سایر قسمت های […]

قسمت دهم bootstrap : نحوه ی تعریف دکمه های گروهی در بوت استرپ ۴

قسمت نهم bootstrap : نحوه ی تعریف دکمه ها در بوت استرپ ۴

دکمه ها اصولا یکی از کاربردی ترین مورد ها در طراحی سایت می باشند ، معمولا از دکمه ها یا Button ها در مکان های خاص سایت به عناوین مختلفی استفاده می شود ، در این قسمت از اموزش ها قصد داریم تا نحوه ی صحیح ساخت Button های بوت استرپ ۴ را به شما […]

قسمت نهم bootstrap : نحوه ی تعریف دکمه ها در بوت استرپ 4

قسمت هشتم bootstrap : هشدار ها یا Alerts در بوت استرپ چگونه ساخته میشوند ؟

باسلام بسیاری از مواقع در سایت ها نیازمند این بوده اید که باکسی برای هشدارها و اطلاع رسانی ها تعریف کنید ! Alerts یا هشدارها در بوت استرپ ۴ این کمک را به شما عزیزان خواهند کرد تا بتوانید باکس هایی به این منظور طراحی کنید. پیشنهاد میشود پیش از ورود به این قسمت ، […]

قسمت هشتم bootstrap : هشدار ها یا Alerts در بوت استرپ چگونه ساخته میشوند ؟

قسمت هفتم bootstrap : جومبوترن ( Jumbotron ) چیست و چگونه تعریف میشود ؟

باعرض سلام خدمت شما عزیزان در قسمت هفتم به jumbotron خواهیم پرداخت. در قسمت های پیشین دوره ی جامع بوت استرپ به قسمت های مختلف این دوره پرداخته ایم و پیش نیاز برای ورود به این قسمت مطالعه قسمت های پیشین است. ساخت jumbotron جومبوترن ( jumbotron ) یک تلویزیون صفحه نمایش بزرگ که برای […]

قسمت هفتم bootstrap : جومبوترن ( Jumbotron ) چیست و چگونه تعریف میشود ؟

قسمت ششم bootstrap : استایل دادن به عکس ها در بوت استرپ

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

قسمت ششم bootstrap : استایل دادن به عکس ها در بوت استرپ

قسمت پنجم bootstrap :چگونه با بوت استرپ جدول طراحی کنیم؟

در این قسمت از اموزش های بوت استرپ به طراحی جدول با bootstrap 4 خواهیم پرداخت. پیشنهاد میشود سایر قسمت های دوره ی بوت استرپ را مطالعه فرمایید. جدول ساده یک جدول ساده در بوت استرپ ۴ دارای لایه های روشن و تقسیم بندی افقی است. کلاس .table یک ظاهر طراحی اولیه را به یک […]

قسمت پنجم bootstrap :چگونه با بوت استرپ جدول طراحی کنیم؟