Tabla de contenidos
Mediante la clase .table le agregamos un estilo básico a nuestra tabla (divisiones horizontales.):
Ejemplo:
default
Con la clase .table-striped agregamos filas con colores alternos:
Ejemplo:
default
La clase .table-bordered agrega bordes en todos los lados de la tabla y celdas:
Ejemplo
default
La clase .table-hover agrega un efecto al hacer :hover con el ratón en las filas de la tabla:
Ejemplo:
default
La clase .table-dark agrega un fondo negro a la tabla:
Ejemplo:
default
Las clases contextuales se pueden usar para colorear toda la tabla ( <table> ), las filas de la tabla ( <tr> ) o las celdas de la tabla ( <td> ).
Las clases contextuales que se pueden usar son:
Ejemplo:
default
La clase .thead-dark agrega un fondo negro a los encabezados de la tabla, y la clase .thead-light agrega un fondo gris a los encabezados de la tabla:
La clase .table-responsive crea una tabla responsive: se agrega una barra de desplazamiento horizontal a la tabla en pantallas que tienen menos de 992px de ancho (si es necesario).
.table-responsive-sm < 576px
.table-responsive-md < 768px
.table-responsive-lg < 992px
.table-responsive-xl < 1200px