مثال اساسی
برای یک ظاهر طراحی اولیه - بالشتک های سبک و .table to any
<table>.
| # | نام کوچک | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | علامت | اتو | @mdo |
| 2 | یعقوب | تورنتون | @چربی |
| 3 | لری | پرنده | @توییتر |
میز حاشیه دار
اضافه کردن.table-bordered for borders on all sides
of the table and cells.
| # | نام کوچک | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | علامت | اتو | @mdo |
| 2 | یعقوب | تورنتون | @چربی |
| 3 | لری | پرنده | @توییتر |
ردیف های راه راه
استفاده کنید.table-striped to add zebra-striping to
any table row within the <tbody>.
| # | نام کوچک | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | علامت | اتو | @mdo |
| 2 | یعقوب | تورنتون | @چربی |
| 3 | لری | پرنده | @توییتر |
ردیف های قابل شناور
اضافه کردن.table-hover to enable a hover state on
table rows within a <tbody>.
| # | نام کوچک | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | علامت | اتو | @mdo |
| 2 | یعقوب | تورنتون | @چربی |
| 3 | لری | پرنده | @توییتر |
سر میز
از یکی از دو کلاس اصلاح کننده برای ساخت استفاده کنید<thead>s appear light or dark gray.
| # | نام کوچک | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | علامت | اتو | @mdo |
| 2 | یعقوب | تورنتون | @چربی |
| 3 | لری | پرنده | @توییتر |
میز تاریک
همچنین می‌توانید رنگ‌ها را معکوس کنید - با متن روشن روی تاریک .table-dark.
| # | نام کوچک | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | علامت | اتو | @mdo |
| 2 | یعقوب | تورنتون | @چربی |
| 3 | لری | پرنده | @توییتر |
میز بدون حاشیه
اضافه کردن.table-borderless for a table without
borders.
| # | نام کوچک | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | علامت | اتو | @mdo |
| 2 | یعقوب | تورنتون | @چربی |
| 3 | لری | پرنده | @توییتر |
میز تاریک بدون حاشیه
اضافه کردن.table-borderless &
.table-dark for a dark table without borders.
| # | نام کوچک | نام خانوادگی | نام کاربری |
|---|---|---|---|
| 1 | علامت | اتو | @mdo |
| 2 | یعقوب | تورنتون | @چربی |
| 3 | لری | پرنده | @توییتر |
