<tableclass="table"><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><tdcolspan="2">Larry the Bird</td><td>@twitter</td></tr></tbody></table>
Variants
Shandisa makirasi emamiriro ekunze kune mavara matafura, mitsara yematafura kana maseru ega.
Kirasi
Heading
Heading
Default
Sero
Sero
Primary
Sero
Sero
Secondary
Sero
Sero
Success
Sero
Sero
Danger
Sero
Sero
Yambiro
Sero
Sero
Info
Sero
Sero
Chiedza
Sero
Sero
Rima
Sero
Sero
<!-- On tables --><tableclass="table-primary">...</table><tableclass="table-secondary">...</table><tableclass="table-success">...</table><tableclass="table-danger">...</table><tableclass="table-warning">...</table><tableclass="table-info">...</table><tableclass="table-light">...</table><tableclass="table-dark">...</table><!-- On rows --><trclass="table-primary">...</tr><trclass="table-secondary">...</tr><trclass="table-success">...</tr><trclass="table-danger">...</tr><trclass="table-warning">...</tr><trclass="table-info">...</tr><trclass="table-light">...</tr><trclass="table-dark">...</tr><!-- On cells (`td` or `th`) --><tr><tdclass="table-primary">...</td><tdclass="table-secondary">...</td><tdclass="table-success">...</td><tdclass="table-danger">...</td><tdclass="table-warning">...</td><tdclass="table-info">...</td><tdclass="table-light">...</td><tdclass="table-dark">...</td></tr>
Kuendesa zvinoreva kunobatsira matekinoroji
Kushandisa ruvara kuwedzera zvinoreva kunongopa chiratidzo chekuona, icho chisingazopirwe kune vashandisi vetekinoroji yekubatsira - senge zvidzitiro zvekuverenga. Ita shuwa kuti ruzivo rwunoratidzwa neruvara rwuri pachena kubva pane zvirimo (semuzvinyorwa zvinooneka), kana kuti zvinosanganisirwa neimwe nzira, senge mamwe mavara akavigwa .visually-hiddennekirasi.
Accented tables
Mitsara mitsetse
Shandisa .table-stripedkuwedzera zebra-striping kune chero mutsara wetafura mukati me <tbody>.
#
Chekutanga
Pakupedzisira
Bata
1
Mark
Otto
@mdo
2
Jacob
Thornton
@mafuta
3
Larry the Shiri
@twitter
<tableclass="table table-striped">
...
</table>
Aya makirasi anogona zvakare kuwedzerwa kune akasiyana tafura:
Sero iri rinogara nhaka vertical-align: middle;kubva patafura
Sero iri rinogara nhaka vertical-align: middle;kubva patafura
Sero iri rinogara nhaka vertical-align: middle;kubva patafura
Aya heano mamwe mavara echibatiso, ane chinangwa chekutora nzvimbo yakati chechetere, kuratidza kuti kurongeka kwakatwasuka kunoshanda sei mumaseru apfuura.
Sero iri rinogara nhaka vertical-align: bottom;kubva pamutsetse wetafura
Sero iri rinogara nhaka vertical-align: bottom;kubva pamutsetse wetafura
Sero iri rinogara nhaka vertical-align: bottom;kubva pamutsetse wetafura
Aya heano mamwe mavara echibatiso, ane chinangwa chekutora nzvimbo yakati chechetere, kuratidza kuti kurongeka kwakatwasuka kunoshanda sei mumaseru apfuura.
Sero iri rinogara nhaka vertical-align: middle;kubva patafura
Sero iri rinogara nhaka vertical-align: middle;kubva patafura
Sero iri rinoenderana nepamusoro.
Aya heano mamwe mavara echibatiso, ane chinangwa chekutora nzvimbo yakati chechetere, kuratidza kuti kurongeka kwakatwasuka kunoshanda sei mumaseru apfuura.
<divclass="table-responsive"><tableclass="table align-middle"><thead><tr>
...
</tr></thead><tbody><tr>
...
</tr><trclass="align-bottom">
...
</tr><tr><td>...</td><td>...</td><tdclass="align-top">This cell is aligned to the top.</td><td>...</td></tr></tbody></table></div>
<tableclass="table table-sm"><caption>List of users</caption><thead>
...
</thead><tbody>
...
</tbody></table>
Iwe unogona zvakare kuisa iyo <caption>pamusoro petafura ne .caption-top.
Rondedzero yevashandisi
#
Chekutanga
Pakupedzisira
Bata
1
Mark
Otto
@mdo
2
Jacob
Thornton
@mafuta
3
Larry
Shiri
@twitter
<tableclass="table caption-top"><caption>List of users</caption><thead><tr><thscope="col">#</th><thscope="col">First</th><thscope="col">Last</th><thscope="col">Handle</th></tr></thead><tbody><tr><thscope="row">1</th><td>Mark</td><td>Otto</td><td>@mdo</td></tr><tr><thscope="row">2</th><td>Jacob</td><td>Thornton</td><td>@fat</td></tr><tr><thscope="row">3</th><td>Larry</td><td>the Bird</td><td>@twitter</td></tr></tbody></table>