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