utility (کلاس های کمکی) در بوت استرپ
در بوت استرپ کلاس هایی از قبل تعریف شده است که به شما کمک می کند تا بدون استفاده از هیچ کد CSS ای بتوانید عناصر را سریعا استایل دهی کنید. به این کلاس ها، کلاس های کمکی (utility/helper classes) می گوییم. از آنجا که لیست این کلاس ها بسیار طولانی هستند آن ها را در دو مقاله به شما ارائه خواهیم کرد.
مدل Flex در بوت استرپ 4
شما می توانید برای کنترل محیط و طرح کلی صفحات وب خود از کلاس های Flex در بوت استرپ 4 استفاده کنید. شاید بتوان گفت مهم ترین تفاوت بوت استرپ 3 و بوت استرپ 4 این است که بوت استرپ 4 به جای float ها از مدل flexbox استفاده می کند، چرا که مدل flexbox در طراحی های زیبا و واکنش گرا بسیار بهتر و ساده تر از Float می باشد.
Media Object و فیلترها در بوت استرپ 4
Media Object (شیء رسانه) به طور کلی یعنی چیزهایی مانند تصاویر و ویدیوها! اما در بوت استرپ معمولا ساختار کلی کامنت گونه ای وجود دارد که به آن Media object می گوییم. بوت استرپ راه آسانی برای ترازبندی Media object با محتوا را در نظر گرفته است؛ معمولا Media object ها چیزهایی مانند کامنت ها و توییت ها را می سازند.
سیستم Grid در بوت استرپ 4
همانطور که می دانید grid ها طراحی وب را بسیار آسان کرده اند اما اگر می خواهید از آن ها استفاده کنید دو راه دارید: نوشتن grid به صورت دستی در CSS استفاده از کتابخانه های grid یا کتابخانه هایی که grid داشته باشند (مانند بوت استرپ) توسعه دهندگان بوت استرپ نیز اهمیت grid ها را می دانند به همین دلیل یک سیستم grid در بوت استرپ را پیاده سازی کرده اند.
Gridهای بسیار کوچک در بوت استرپ 4
همانطور که م یدانید گرید در بوت استرپ انواع مختلفی دارد؛ بسیار کوچک، کوچک، متوسط، بزرگ و بسیار بزرگ. ما می خواهیم در این مقاله و مقاله ی آینده این grid ها را با ذکر مثال بررسی کنیم. ابتدا یک مثال ساده برایتان می آورم؛
نکات تکمیلی سایزها در Grid
نکات تکمیلی سایزها در Grid اندازه ی grid در بوت استرپ 4 در قسمت قبلی در مورد اندازه های مختلف grid در بوت استرپ صحبت کرده و جدول زیر را به شما ارائه دادیم:
آشنایی با List Group در بوت استرپ
List Group چیست ؟ List Group ها در واقع همان لیست های HTML هستند که بوت استرپ به شکل خاصی نمایش می دهد. این لیست ها برای نمایش مجموعه از از موارد مختلف مورد استفاده قرار می گیرند.
طراحی جدول ها در بوت استرپ
جدول ها در Bootstrap جداول سادهی بوت استرپ، دارای padding کم و خطوط افقی برای جدا کردن ردیف ها هستند. برای ایجاد این استایل ساده می توانید کلاس table. را به جدول خود اضافه کنید. مثال:
سیستم Grid در بوت استرپ 4
سیستم Grid در بوت استرپ 4 سیستم grid در بوت استرپ بر اساس flexbox ساخته شده است و به شما اجازه می دهد تا 12 ستون هم در یک صفحه ایجاد کنید.
آشنایی با Bootstrap 4
Bootstrap چیست و کاربردهای آن
Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب و نرم افزارهای تحت وب است که شامل دستورات HTML ،CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز طراحی وب می باشد.
تایپوگرافی در بوت استرپ 4
تایپوگرافی در بوت استرپ 4 در این قسمت از مجموعه آموزشی Bootstrap 4 می خواهیم به بررسی تایپوگرافی bootstrap ، متون و حالت های مختلف نمایش آن ها بپردازیم.
افکت عکس برای کلیک کردن
در این نمونه کدهای آماده برای افکت عکس در هنگام کلیک کردن آورده شده است. در اینجا از بوت استرپ و همچنین از CSS به کار رفته است. می توانید نمونه پروژه را دانلود نمائید و مشاهده نمائید.