میرممد

آموزش برنامه نویسی همراه با تکه کد های کاربردی از زبان های مختلف برنامه نویسی
سید محمد میرعالی

سید محمد میرعالی

امیدوارم مطالب خوب و کاربردی رو بتونم در سایتم برای شما دوستان قرار بدم.

دسته بندی مطالب آمار سایت
  • کل مطالب : 13
  • کل نظرات : 0
  • افراد آنلاین : 2
  • تعداد اعضا : 0
  • آی پی امروز : 18
  • آی پی دیروز : 25
  • بازدید امروز : 91
  • باردید دیروز : 61
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 152
  • بازدید ماه : 1,371
  • بازدید سال : 22,301
  • بازدید کلی : 22,301
  • آموزش کار با جداول در Bootstrap 4


    در اين مطلب از سايت ميرممد با كلاس هاي جدول در 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 به جدولتون.

    ادامه مطلب
    بازدید : 719 شنبه 21 مهر 1397 : 16:57 نظرات ()