پرسش

چه کلاس هایی برای مرتب کردن متن داخل جدول در بوت استرپ وجود داره

Text-align class for inside a table

سلام سوالم اینه که چطور میشه متن داخل سلول‌ های جدول رو با استفاده از Bootstrap 5 تراز کرد؟ می‌خوام بدونم کلاس‌های خاصی برای این کار وجود داره یا باید از css خام استفاده کنم

1403/05/30
پاسخ
سلام برای تراز کردن متن داخل سلول‌های جدول در bootstrap 5 می‌تونی از کلاس‌های مخصوصش استفاده کنی text-start و text-center و text-end برای تراز کردن متن به چپ، وسط و راست به ترتیب استفاده می‌شن
این کلاس‌ها روی همه  تگ‌های متنی HTML میتونه اعمال بشه و می‌تونی به راحتی ازشون برای تراز کردن متن از جمله تو سلول‌ های جدول استفاده کنی مثلاً:
<table class="table">
  <thead>
    <tr>
      <th class="text-start">ستون چپ</th>
      <th class="text-center">ستون وسط</th>
      <th class="text-end">ستون راست</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="text-start">متن چپ چین</td>
      <td class="text-center">متن وسط چین</td>
      <td class="text-end">متن راست چین</td>
    </tr>
  </tbody>
</table>
این کد، متن داخل سلول‌های جدول رو با استفاده از کلاس‌های text-start, text-center, و text-end تراز میکنه
پاسخ: 1403/05/30
آخرین آپدیت: 1403/07/14