SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES

PASSWORT VERGESSEN!

LOGIN-DATEN VERGESSEN?

AAH, WARTET, ICH ERINNERE MICH WIEDER!
FRAGEN? 0176 234 235 66
  • LOGIN

Tudor-Passion

Tudor-Passion

TUDOR-PASSION
Der größte Blog über Tudor-Uhren

+49 176 234 235 66
E-Mail hello@tudor-passion.com

TUDOR-PASSION
D. Bonhöffer-Str.51 76467 Bietigheim Germany

Open in Google Maps
  • Home
  • Magazin
  • Tudor
  • Rolex
  • History & Heritage
  • Tech Info
  • Workshop
  • WatchTube
SAYHELLO!
  • Home
  • Style – Tables
1. Juli 2022

Style – Tables

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 @twitter
<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 @twitter
<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 @twitter
<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 @twitter
<table>
  …
</table>

.table-condensed

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 @twitter
<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>

Kommentar verfassen Antwort abbrechen

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

TUDOR-PASSION ist eine Online-Magazin über TUDOR und ROLEX Uhren, wir sind seit April 2013 online. Der Fokus von TUDOR-PASSION liegt aber nicht nur auf Uhren aus dem Hause TUDOR, auch Modelle anderer Hersteller finden Ihren Weg zu uns. Wir bieten auf TUDOR-PASSION News, Reviews und Workshops. Bei uns stehen nicht nur die Uhren im Vordergrund sondern auch der technischer Background und die Geschichte  von ROLEX und TUDOR. Wir wollen den interessierten Leser die Marke TUDOR näher bringen und dem passionierten Sammler eine Wissensdatenbank zur Seite stellen, welche ihm beim Sammeln von Tudor Uhren helfen soll.

Schlagwörter

Air-King ANTHOLOGY Automatikwerk BaselWorld Baselworld 2016 BaselWorld 2017 Black Bay Black Bay Dark Born To Dare BORNTODARE Chrono Chronograph Chronometer COSC Davide Cerrato Daytona Diverwatch Explorer Fastrider Giorgia Mondani Hans Wilsdorf Heritage Home Plate Manufakturwerk Monte Carlo Montres Rolex SA MT5612 MT5621 News Omega Oyster Pelagos Philippe Peverelli Plexi Ranger Rolex Seiko Small Block Snowflake Submariner Taucheruhr Tudor tudor uhr Vintage Vintage Rolex

LESENSWERT

  • Les Rhabilleurs
  • Jake's Rolex World
  • R-L-X Das Forum
  • Rolex – Zeitlose Luxusuhren
  • Herr Strohms Uhrsachen
  • Rolex Passion Report
  • TUDOR Watches
  • Tudorcollector
  • Bulang & Sons
  • Vintage Rolex Forum
  • Uhren Gutachter
  • zeigr.com
  • 8past10
  • Fratellowatches
  • About us
  • Datenschutzerklärung
  • Haftungsausschluss
  • Impressum
  • SOZIALE NETZWERKE
Tudor-Passion

Tudor-Passion © 2013. All rights reserved.

OBEN