<table> Clases
Utilice las clases de abajo para labrar cualquier tabla:
| Clase | Descripción | Ejemplo |
|---|---|---|
| .table | Añade un estilo básico (acolchado ligero y sólo divisores horizontales) a cualquier <table> | Intentalo |
| .table-striped | Añade cebra-creación de bandas de cualquier fila de la tabla dentro de <tbody> (no disponible en IE8) | Intentalo |
| .table-bordered | Añade borde en todos los lados de la mesa y las células | Intentalo |
| .table-hover | Permite a un estado estacionario en filas de la tabla dentro de un <tbody> | Intentalo |
| .table-condensed | Hace más compacto de mesa cortando el relleno de celda a la mitad | Intentalo |
| La combinación de todas las clases de mesa | Intentalo | |
<tr>, <th> y <td> Clases
Utilice las clases siguientes para filas de la tabla de colores o de las células:
| Clase | Descripción | Ejemplo |
|---|---|---|
| .active | Aplica el color de la libración de una fila o una celda en particular | Intentalo |
| .success | Indica una acción exitosa o positivo | Intentalo |
| .info | Indica un cambio informativo neutral o acción | Intentalo |
| .warning | Indica una advertencia de que podrían necesitar atención | Intentalo |
| .danger | Indica una acción peligrosa o potencialmente negativo | Intentalo |
Tablas de respuesta
La clase .table sensible crea una tabla de respuesta. La tabla a continuación, desplazarse horizontalmente en dispositivos pequeños (menos de 768px). Al ver en algo más grande que 768px de ancho, no hay diferencia:
Ejemplo
<div class="table-responsive">
<table class="table">
...
</table>
</div> Inténtalo tú mismo "