Translate
Style – Tables
Default styles
For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table> … </table>
Optional classes
Add any of the following classes to the .table base class.
.table-striped
Adds zebra-striping to any table row within the <tbody> via the :nth-child CSS selector (not available in IE7-IE8).
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
<table> … </table>
.table-bordered
Add borders and rounded corners to the table.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| Mark | Otto | @TwBootstrap | |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table> … </table>
.table-hover
Enable a hover state on table rows within a <tbody>.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table> … </table>
.table-condensed
Przy ocenach kasyn online https://mega-medusa.bet/ regularnie pojawia się w górnych pozycjach istotnych rankingów. Azjatyckie klasyki, takie jak Sic Bo czy Andar Bahar, również znajdują się w sekcji live. Kody promocyjne dają dostęp do czasowo ograniczonych akcji bonusowych. Sekcja promocji pokazuje trwające akcje z pozostałym czasem trwania. Nawet starsze urządzenia mogą być używane bez problemów dzięki zoptymalizowanym technologiom sieciowym. Stoły VIP live oferują wyższe limity zakładów i ekskluzywne warunki. Słowniki i wiki wyjaśniają terminy fachowe dotyczące hazardu online. Wypłaty kryptowalutowe są zazwyczaj potwierdzane w ciągu 10 do 30 minut. Ciągły rozwój pozwala przypuszczać, że kasyno pozostanie istotne jeszcze przez długi czas.
Koncepcja stojąca za candy bet casino łączy klasyczne pomysły gier z zaletami nowoczesnych technologii sieciowych. Bonusy urodzinowe zapewniają osobiste doświadczenie i są szczególnie cenione przez użytkowników. Banner cookie informuje transparentnie o korzystaniu z technologii śledzących. Turnieje slotów w obrębie platformy tworzą dodatkowe napięcie obok regularnej rozgrywki. Nawigacja jest jasno ustrukturyzowana i umożliwia szybkie znajdowanie pożądanych treści. Mobilne bonusy i ekskluzywne akcje nagradzają regularne korzystanie ze smartfona. Galeria Mistrzów uhonorowuje najbardziej udanych graczy miesiąca. Wielojęzyczni krupierzy zapewniają, że również polskojęzyczni gracze są dobrze obsługiwani. Gracze mogą wysyłać opinie bezpośrednio do zespołu wsparcia, przyczyniając się do rozwoju platformy. Gracze w razie potrzeby mogą konfigurować własne limity dzienne, tygodniowe i miesięczne. Kto szuka nowego doświadczenia gry, znajdzie tu obiecujący adres do regularnej rozgrywki.
When browsing the offering of pokies online casino, the thoughtful structure of the platform becomes apparent quickly. Main promotions are announced early via newsletter, so interested players can prepare in advance. Strategy contests are aimed at experienced players of table and live games. For questions about withdrawals, support typically responds within the same gaming session. The user interface automatically adapts to the screen size of the device. Crypto withdrawals are usually confirmed within 10 to 30 minutes. Bonus conditions are clearly formulated and contain no hidden clauses. Animations are used subtly and contribute to a coherent atmosphere. Megaways titles with their dynamic reel structure enjoy particular popularity among users. The blend of innovation and tradition makes the overall presentation particularly successful.
Makes tables more compact by cutting cell padding in half.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry the Bird | ||
<table> … </table>
Optional row classes
Use contextual classes to color table rows.
| Class | Description |
|---|---|
.success |
Indicates a successful or positive action. |
.error |
Indicates a dangerous or potentially negative action. |
.warning |
Indicates a warning that might need attention. |
.info |
Used as an alternative to the default styles. |
| # | Product | Payment Taken | Status |
|---|---|---|---|
| 1 | TB – Monthly | 01/04/2012 | Approved |
| 2 | TB – Monthly | 02/04/2012 | Declined |
| 3 | TB – Monthly | 03/04/2012 | Pending |
| 4 | TB – Monthly | 04/04/2012 | Call in to confirm |
...
<tr class="success">
<td>1</td>
<td>TB - Monthly</td>
<td>01/04/2012</td>
<td>Approved</td>
</tr>
...
Supported table markup
List of supported table HTML elements and how they should be used.
| Tag | Description |
|---|---|
<table> |
Wrapping element for displaying data in a tabular format |
<thead> |
Container element for table header rows (<tr>) to label table columns |
<tbody> |
Container element for table rows (<tr>) in the body of the table |
<tr> |
Container element for a set of table cells (<td> or <th>) that appears on a single row |
<td> |
Default table cell |
<th> |
Special table cell for column (or row, depending on scope and placement) labelsMust be used within a <thead> |
<caption> |
Description or summary of what the table holds, especially useful for screen readers |
<table>
<caption>...</caption>
<thead>
<tr>
<th>...</th>
<th>...</th>
</tr>
</thead>
<tbody>
<tr>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>