fbpx
DOMANDE? CHIAMA: +39.011.4369741
  • LINGUE
    • HOME
    • L’ASSOCIAZIONE
    • BALON DEL SABATO
    • GRAN BALON
    • BALON MAGAZINE
    • ISCRIVITI
    • SHOP ON LINE
    • Italiano
    CONTATTI
    • Home
    • Style – Tables
     

    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>

    Lascia un commento Annulla risposta

    Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

    APRI ANCHE TU IL TUO NEGOZIO ON LINE CON IL BALON

    Sei un operatore dell'antiquariato, del vintage o dell'usato?
    Puoi aprire il tuo negozio on line su 1Solo.com, il Marketplace nato dal Balon insieme a Magma, grazie alla Città di Torino.

    • HOME
    • PARTECIPA
    • VETRINA
    • EVENTI
    • MERCATI

    NEWSLETTER

    Iscrivendoti alla nostra mailing list sarai sempre aggiornato con le ultime notizie da noi.

    Non inviamo mai spam!

    Contatti

    Tel.+39.373.80.30.002

    Email: associazione@balon.it

    PEC: associazione@pec.balon.it

    ASSOCIAZIONE COMMERCIANTI BALON
    Via Vittorio Andreis 14, 10152 Torino

    Open in Google Maps

    ORARI

    Lunedì: CHIUSO
    Martedì: 10:00 - 13:00
    Mercoledì: 14:00 - 17:00
    Giovedì: 14:00 - 17:00
    Venerdì: 10:00 - 13:00
    Sabato: 10:00 - 17:00
    Domenica: CHIUSO
    • HOME
    • PARTECIPA
    • VETRINA
    • EVENTI
    • MERCATI
    • SOCIAL

    Associazione Commercianti Balon © 2019 All rights reserved. P.iva 05054710016 Magma - Agenzia di Marketing e Comunicazione a Torino e Alba (CN).

    TORNA SU