• پست الکترونیک
    • گفتگو کنید
    • نماد پر
    • ابزارک ها

    • شما 3 اعلان دارید 4

    • پردازش تحویل

      10 دقیقه ی قبل

    • سفارش کامل شد

      1 ساعت پیش

    • بلیط های تولید شده

      3 ساعت پیش

    • تحویل کامل

      6 ساعت پیش
    • عین چاوز

      لورم ایپسوم به سادگی ساختگی است...

      32 دقیقه پیش

    • اریکا هیوز

      لورم ایپسوم به سادگی ساختگی است...

      58 دقیقه پیش

    • کوری توماس

      لورم ایپسوم به سادگی ساختگی است...

      1 ساعت قبل

    • همه را ببین
جدید
ایمی والتر

اداره منابع انسانی

  • 19.8 هزار

    دنبال کننده

  • 2 سال

    تجربه

  • 95.2 هزار

    دنبال کرده

جداول پایه بوت استرپ

  1. صفحه اصلی
  2. جداول
  3. جداول بوت استرپ
  4. جداول پایه
جدول پایه
از یک کلاس tableبرای هر جدولی استفاده کنید.
# نام کوچک نام خانوادگی نام کاربری نقش کشور
1 اسکندر اورتون @mdorton مدیر ایالات متحده آمریکا
2 جان دیو دیو @johndeo کاربر ایالات متحده آمریکا
3 رندی اورتن پرنده @tweet مدیر بریتانیا
4 رندی مارک اوتاندی @mdothe کاربر استرالیا
5 رام جیکوب تورنتون @tweet مدیر هند
جدول معکوس
از عنصر کلاس table-inverseداخل جدول استفاده کنید.
# نام کوچک نام خانوادگی نام کاربری نقش کشور
1 اسکندر اورتون @mdorton مدیر ایالات متحده آمریکا
2 جان دیو دیو @johndeo کاربر ایالات متحده آمریکا
3 رندی اورتن پرنده @tweet مدیر بریتانیا
4 رندی مارک اوتاندی @mdothe کاربر استرالیا
5 رام جیکوب تورنتون @tweet مدیر هند
جدول معکوس با پس زمینه اصلی
از یک کلاس .bg-info, .bg-success, .bg-warning and .bg-danger classes.با متن روشن در پس زمینه های تیره در داخل عنصر جدول استفاده کنید.
برای تنظیم رنگ پس زمینه روشن از کلاس bg-[color]. که در آن [color] مقدار رنگ انتخابی شما از پالت رنگ پشته است استفاده کنید. بنابراین برای کلاس پس زمینه رنگ سبز آبی .bg-teal خواهد بود
# نام کوچک نام خانوادگی نام کاربری نقش کشور
1 اسکندر اورتون @mdorton مدیر ایالات متحده آمریکا
2 جان دیو دیو @johndeo کاربر ایالات متحده آمریکا
3 رندی اورتن پرنده @tweet مدیر بریتانیا
4 رندی مارک اوتاندی @mdothe کاربر استرالیا
5 رام جیکوب تورنتون @tweet مدیر هند
ردیف های قابل شناور
از یک کلاس table-hoverبرای فعال کردن حالت شناور در ردیف‌های جدول در یک tbodyاستفاده کنید.
# نام کوچک نام خانوادگی نام کاربری نقش کشور
1 اسکندر اورتون @mdorton مدیر ایالات متحده آمریکا
2 جان دیو دیو @johndeo کاربر ایالات متحده آمریکا
3 رندی اورتن پرنده @tweet مدیر بریتانیا
4 رندی مارک اوتاندی @mdothe کاربر استرالیا
5 رام جیکوب تورنتون @tweet مدیر هند
کلاس های متنی
از کلاس های متنی برای رنگ آمیزی ردیف های جدول یا سلول های فردی استفاده کنید. شما می توانید از کلاس table-primaryهای table-secondaryدر استفاده کنید table-successtable-infotable-warningtable-dangertable-lighttable-activetr
کلاس سرفصل سرفصل
اولیه سلول سلول
ثانوی سلول سلول
موفقیت سلول سلول
اطلاعات سلول سلول
هشدار سلول سلول
خطر سلول سلول
سبک سلول سلول
فعال سلول سلول
ابزارهای متن یا پس‌زمینه
انواع پس‌زمینه جدول معمولی با جدول معکوس موجود نیست، با این حال، می‌توانید از کلاس‌ها bg-dark، bg-warning, bg-success, bg-info, bg-danger, bg-primary, bg-secondary, bg-lightدر استفاده کنیدtd
# سرفصل سرفصل
1 اولیه اولیه
2 ثانوی ثانوی
3 موفقیت موفقیت
4 اطلاعات اطلاعات
5 هشدار هشدار
6 خطر خطر
7 سبک سبک
گزینه های سر جدول
مشابه جداول و جداول تیره، از کلاس های اصلاح کننده استفاده کنید .thead-dark تا theadخاکستری روشن یا تیره به نظر برسد.
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 یعقوب تورنتون @چربی
3 لری پرنده @tweet
گزینه های سر جدول
مشابه جداول و جداول تیره، از کلاس های اصلاح کننده استفاده کنید و .bg-*خاکستری روشن یا تیره نشان دهید..thead-lightthead
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 یعقوب تورنتون @چربی
3 لری پرنده @tweet
ردیف راه راه
برای .table-stripedافزودن راه راه گورخری به هر ردیف جدول در . این سبک در IE8 و پایین‌تر کار نمی‌کند زیرا انتخابگر CSS :nth-child پشتیبانی نمی‌شود.
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 یعقوب تورنتون @چربی
3 لری پرنده @tweet
ردیف راه راه با جدول معکوس
برای .table-stripedافزودن راه راه گورخری به هر ردیف جدول در . این سبک در IE8 و پایین‌تر کار نمی‌کند زیرا انتخابگر CSS :nth-child پشتیبانی نمی‌شود.
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 یعقوب تورنتون @چربی
3 لری پرنده @tweet
عنوان
عملکرد یک <caption>عنوان مانند یک جدول است. این به کاربران دارای صفحه‌خوان کمک می‌کند تا جدولی را پیدا کنند و بفهمند درباره چیست و تصمیم بگیرند که آیا می‌خواهند آن را بخوانند یا خیر.
لیست کاربران
# نام کوچک نام خانوادگی نام کاربری
1 علامت گذاری اتو @mdo
2 یعقوب تورنتون @چربی
3 لری پرنده @tweet
جداول پاسخگو
عملکرد یک <caption>عنوان مانند یک جدول است. این به کاربران دارای صفحه‌خوان کمک می‌کند تا جدولی را پیدا کنند و بفهمند درباره چیست و تصمیم بگیرند که آیا می‌خواهند آن را بخوانند یا خیر.
# عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول
1 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
2 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
3 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
برک پوینت خاص
از .table-responsive{-sm|-md|-lg|-xl}توابعی مانند عنوان یک جدول استفاده کنید. این به کاربران دارای صفحه‌خوان کمک می‌کند تا جدولی را پیدا کنند و بفهمند درباره چیست و تصمیم بگیرند که آیا می‌خواهند آن را بخوانند یا خیر.
# عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول
1 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
2 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
3 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
# عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول
1 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
2 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
3 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
# عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول
1 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
2 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
3 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
# عنوان جدول عنوان جدول عنوان جدول عنوان جدول عنوان جدول
1 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
2 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول
3 سلول جدول سلول جدول سلول جدول سلول جدول سلول جدول