×

INICIA SESIÓN CON TU CUENTA

¿HAS PERDIDO TU CONTRASEÑA?

¿HAS PERDIDO TUS DETALLES?

¡UN MOMENTO, YA ME ACUERDO!
QUESTIONS? CALL: +56 952154756
  • LOGIN
  • MONEDAS USD / CLP

Bolivia y Chile

Bolivia y Chile

Descubre Uyuni y Atacama

T +56 952154756
E-mail: reservas@gouyuni.com

gouyuni.com - Sol Andino
Ferroviaria / Sucre (BO) / Toconao 455 (CL)

Open in Google Maps
  • HOME
    • QUIENES SOMOS
  • BOLIVIA
    • SALAR DE UYUNI
      • Desde Uyuni (BO)
      • Desde Atacama (Chile)
  • CHILE
    • TOURS ATACAMA
      • PAQUETES ATACAMA
  • GALERIA
  • BLOG & TIPS
  • CONTÁCTENOS
  • English
  • Portuguese
  • Spanish
  • No products in cart.
FREEQUOTE
  • Inicio
  • Style – Tables
23 enero, 2021

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>

Deja un comentario Cancelar respuesta

Recent Posts

  • ¿Cual es la mejor época para visitar el salar de Uyuni?

    9 comments
  • ¿Porque se observan hexagonales en el salar de Uyuni?

    0 comments
  • Tips para evitar y combatir el mal de altura.

    2 comments

Recent Posts

  • ¿Cual es la mejor época para visitar el salar de Uyuni?

    El salar de Uyuni se puede visitar todo el año,...
  • ¿Porque se observan hexagonales en el salar de Uyuni?

    Entre los meses de diciembre a marzo, una gran ...
  • Tips para evitar y combatir el mal de altura.

    Que la altura no  te impida disfrutar de un bue...

Recent Comments

  • salaradmin en Salar de Uyuni 1 día (Full day)
  • Angel en Salar de Uyuni 1 día (Full day)
  • salaradmin en ¿Cual es la mejor época para visitar el salar de Uyuni?
  • Mario en ¿Cual es la mejor época para visitar el salar de Uyuni?
  • Manuel en ¿Cual es la mejor época para visitar el salar de Uyuni?

Archives

  • mayo 2017
  • febrero 2017

Meta

  • Acceder
  • Feed de entradas
  • Feed de comentarios
  • WordPress.org

Featured Posts

  • ¿Cual es la mejor época para visitar el salar de Uyuni?

    9 comments
  • ¿Porque se observan hexagonales en el salar de Uyuni?

    0 comments
  • Tips para evitar y combatir el mal de altura.

    2 comments
Please select a list.

SEARCH

RECENT POSTS

  • ¿Cual es la mejor época para visitar el salar de Uyuni?

  • ¿Porque se observan hexagonales en el salar de Uyuni?

  • Tips para evitar y combatir el mal de altura.

TAG CLOUD

altura hexagonales porque salar tips

MOST RATED ITEMS

  • Salar de Uyuni 1 día (Full day)
    Valorado en 5.00 de 5
    $ 55 $ 39
  • Clásico 3 días / 2 noches (Solo ida) o (Ida y vuelta) $ 220 $ 195
  • atacamadesert Laguna Cejar $ 50 $ 37

Comentarios recientes

  • salaradmin en Salar de Uyuni 1 día (Full day)
  • Angel en Salar de Uyuni 1 día (Full day)
  • salaradmin en ¿Cual es la mejor época para visitar el salar de Uyuni?
  • Mario en ¿Cual es la mejor época para visitar el salar de Uyuni?
  • Manuel en ¿Cual es la mejor época para visitar el salar de Uyuni?

Archivos

  • mayo 2017
  • febrero 2017

Categorías

  • Sin categorizar

Meta

  • Acceder
  • Feed de entradas
  • Feed de comentarios
  • WordPress.org

GET A FREE QUOTE

Please fill this for and we'll get back to you as soon as possible!

FOOTER MENU

  • Quienes somos
  • Términos y condiciones
  • Politica de Privacidad
  • About us
Este mensaje de error solo es visible para los administradores de WordPress

Error: No hay cuenta conectada.

Por favor, ve a la página de ajustes de Instagram Feed para conectar una cuenta.

SUSCRÍBETE

OBTÉN CUPONES Y PROMOCIONES EXCLUSIVAS

¡NO SPAM!

PONTE EN CONTACTO


OFICINA CHILE

T +56 952154756 (WhatsApp)
Toconao Nº 455-B, San Pedro de Atacama.

OFICINA BOLIVIA
T +591 67923002 (WhatsApp)
Avenida Ferroviaria Nº16

Email: reservas@gouyuni.com

Open in Google Maps

It seems that the curl is not activated on your hosting. This widget requires this function in order to work. Please contact your server administrator and ask them to enable curl for your account.
  • SOCIALÍZATE
Bolivia y Chile

© 2019 All rights reserved. By Sol Andino Expediciones.

SUBIR
1
Hola 👋 Bienvenidos a gouyuni.com
¿En que podemos ayudarle?
Powered by
EnglishPortugueseSpanish