در اين مطلب از سايت ميرممد با كلاس هاي جدول در Bootstrap 4 كار ميكنيم و يك سري تكه كد مربوط به جداول در بوتسترپ نسخه چهار رو براتون قرار ميدم.

شما فقط کافیه کلاس Table رو به تگ جدولتون بدید مثل کد زیر :

<table class="table">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
      </tr>
      <tr>
        <td>Mary</td>
        <td>Moe</td>
        <td>mary@example.com</td>
      </tr>
      <tr>
        <td>July</td>
        <td>Dooley</td>
        <td>july@example.com</td>
      </tr>
    </tbody>
  </table>

خروجی کد بالا :


FirstnameLastnameEmail
John Doe john@example.com
Mary Moe mary@example.com
July Dooley july@example.com

همونطور که میبینید یک ظاهر زیبایی به جدول شما میده فقط با اضافه کردن کلاس table به جدولتون.


میرممد       ,        ,com      ,              ,com            ,کلاس table ,com                    منبع

مشخصات

تبلیغات

آخرین مطالب این وبلاگ

آخرین ارسال ها

آخرین جستجو ها

ایران سی نت | www.irancnet.ir bestnews دانا پلاست راز چت|چت راز|چت روم|چت راز عکس ناز - مجله تفریحی و سرگرمی تو بهترین خرید رو از ما داشته باش یوفایل آموزش های همگانی xSiege buy