کلاس‌های کمکی پایه در Bootstrap :
Bootstrap یکی از محبوب‌ترین فریمورک‌های CSS است که توسط توییتر توسعه داده شده است. این فریمورک به شما امکان می‌دهد تا صفحات وب خود را با استفاده از کلاس‌های پیش‌تعریف شده و سازماندهی شده، طراحی کنید. اما علاوه بر کلاس‌های اصلی، Bootstrap نیز کلاس‌های کمکی پایه‌ای را ارائه می‌دهد که به شما کمک می‌کنند تا طراحی صفحات وب خود را بهبود بخشید و به انعطاف‌پذیری بیشتری دست پیدا کنید.
منظور از کلاس‌های کمکی پایه، کلاس‌هایی هستند که به شما کمک می‌کنند تا تغییرات کوچکی را در ظاهر وب‌سایت خود ایجاد کنید، بدون اینکه نیاز به نوشتن کدهای CSS پیچیده باشد. در این مقاله به بررسی چند کلاس کمکی پایه در Bootstrap خواهیم پرداخت.
۱. کلاس .clearfix
این کلاس به شما کمک می‌کند تا از مشکلات فاصله بین المان‌های داخل یک المان با عرض ثابت راه بیافتید. به عنوان مثال، اگر یک المان داخل یک المان با عرض ثابت قرار دهید، ممکن است فاصله‌ای بین المان‌ها ایجاد شود. با اضافه کردن کلاس .clearfix به المان پدر، می‌توانید این مشکل را حل کنید.
۲. کلاس .sr-only
این کلاس به شما کمک می‌کند تا محتوایی را که فقط برای صدای بلند قابل شنیدن است، مخفی کنید. این کلاس بهترین روش برای اضافه کردن محتوایی است که برای کاربران نمایش نمی‌دهید، اما برای کاربران با نیازهای ویژه مانند کاربران نابینا یا کاربران صوتی، قابل دسترسی است.
۳. کلاس .text-truncate
این کلاس به شما کمک می‌کند تا متنی را که بسیار طولانی است، به صورت خلاصه نمایش دهید. با این کلاس، متن شما به صورت خودکار با استفاده از سه نقطه در پایان متن، مخفی می‌شود. این کلاس بهترین روش برای نمایش عناصری است که بسیار طولانی هستند، مانند نام محصول‌ها یا توضیحات.
۴. کلاس .text-hide
این کلاس به شما کمک می‌کند تا متنی را که نمی‌خواهید نمایش داده شود، مخفی کنید. با استفاده از این کلاس، متن شما به صورت نامرئی در صفحه نمایش خواهد شد، اما به صورت قابل خواندن برای موتورهای جستجو و کاربران با نیازهای ویژه خواهد بود.
در نهایت، کلاس‌های کمکی پایه در Bootstrap به شما امکان می‌دهند تا صفحات وب خود را به صورت بهینه‌تر و انعطاف‌پذیر طراحی کنید. با استفاده از این کلاس‌ها، می‌توانید مشکلات طراحی را حل کنید و به کاربران خود تجربه بهتری از استفاده از وب‌سایت خود بدهید.
