دوره زبان تخصصی برای برنامه‌نویسان (هدیه ویژه ثبت‌نام در دوره‌های متخصص) (فرصت محدود ⏰)
۰ ثانیه
۰ دقیقه
۰ ساعت
۳ arash rastegar
ریسپانسیو کردن متن در Card
جامعه Html & CSS ایجاد شده در ۱۸ مهر ۱۴۰۱

سلام وقتتون بخیر

چگونه میشه درون card در بوت استرپ در قسمت card-body متن رو ریسپانسیو کنیم؟ بگونه ای که در مدیاهای مختلف خود فونت اتوماتیک کوچک و بزرگ شود لطفا اگه در بوت استرپ کلاسی یا دستوری وجود داره بفرمائید ممنون

درود

در بحث ریسپانسیو در جلسات قبلی درمورد چگونگی بازنویسی استایل در سایزهای مختلف صحبت کردیم. شما باید بخش card-body رو مشابه با اون روش در حالات مختلف بازنویسی کنید. این تاپیک رو ببینید دید بهتری خواهید گرفت.

نازنین کریمی مقدم ۱۹ مهر ۱۴۰۱، ۱۲:۰۳

ممنون ولی در card-body باعث میشه که متن در صورت کوچک شدن صفحه نمایش به سطر‌های بعدی منتقل شوند و در واقع ارتفاع باکس حاوی متن رو بزرگ میکنه و تغییری روی فونت سایز نداره، سئوال اینه که آیا در bootstrap 4.6 روشی وجود داره که متن در صورت واقع شدن در screen‌های کوچکتر مثلا موبایل فونتش اتوماتیک کم بشه بعبارت دیگه آیا utility class ی وجود داره که بتونه فونت رو font-size کار کنه؟ با تشکر

arash rastegar ۲۴ مهر ۱۴۰۱، ۱۲:۰۸

سلام نه دوست عزیز چنین ویژگی در ورژن 4 نیست در ورژن 5 یکسری کلاس وجود داره که سازهای متفاوت رو برای متن در نظر می‌گیره البته اونم برای بحث رسپانسیو نیست ...

شما باید بنا به نیاز در مدیا کوئری‌های مختلف سایز متفاوت برای متونتون پیاده سازی کنید


https://getbootstrap.com/docs/5.0/utilities/text/

از طرسق لینک زیر نحوه رسپانسیو سازی متن رو می‌تونید مطالعه کنید

https://www.w3schools.com/howto/howto_css_responsive_text.asp

بهترین پاسخ
وحید صالحی ۲۴ مهر ۱۴۰۱، ۱۴:۱۸