Tablas básicas

Así es como la clase .table muestra las tablas por defecto.

Similar a otras tablas, usa la clase .thead-claro o .thead-oscuro para poner en el <thead> apariencia clara u oscura.

Usa .table-striped en la clase <table> para hacer el efecto cebra en las filas.

Usa .table-bordered en la clase <table> para poner borde a las celdas.

Usa .table-borderless en la clase <table> para eliminar los bordes de las celdas.

Usa .table-hover en la classe <table> para habilitar el efecto hover en las filas.

Añade .table-condensed para hacer mas pequeña la tabla.

Usa .table-s-height o .table-xs-height en la clase <table> para hacer que las alturas de las filas se reduzcan. Es como table-condensed pero con otras las alturas.

Colocar un div con la clase .table-responsive por encima de la tabla. Para que la aplique en una resolución menor que escritorio añadir .lower-resolution.

Añadir las clases .azul,.verde,.amarillo y .rojo, dentro del <tr> para poner las filas de color.

Colocar un div con la clase .table-responsive por encima de la tabla. Para que la aplique en una resolución menor que escritorio añadir .lower-resolution.