Detallado sobre el uso de tablas Bootstrap

La siguiente tabla enumera algunos elementos de tabla que admite Bootstrap：

Clases de tabla：

.table：agregar estilos básicos a cualquier <table> (sólo líneas horizontales de separación)
.table-striped：agregar una forma de rayas zebra en <tbody> (IE8 no soportado)
.table-bordered：agregar bordes a todas las celdas de la tabla
.table-hover：habilitar el estado de悬停 del ratón en cualquier fila dentro de <tbody>
.table-condensed：hacer que la tabla sea más compacta

Clases <tr>, <th> y <td>：

.active: aplica el color de悬停 a la fila o celda
.success: indica una acción exitosa
.info: indica una acción de cambio de información
.warning: indica una acción de advertencia
.danger: indica una acción peligrosa

<table class="table"> 
 <caption>Disposición de tabla de contexto</caption> 
 <thead> 
  <tr> 
   <th>Producto</th> 
   <th>Fecha de pago</th> 
   <th>Estado</th></tr> 
 </thead> 
 tbody> 
  <tr class="active"> 
   <td>Producto1</td> 
   <td>23/11/2013</td> 
   <td>Pendiente de envío</td></tr> 
  <tr class="success"> 
   <td>Producto2</td> 
   <td>10/11/2013</td> 
   <td>En tránsito</td></tr> 
  <tr class="warning"> 
   <td>Producto3</td> 
   <td>20/10/2013</td> 
   <td>Pendiente de confirmación</td></tr> 
  <tr class="danger"> 
   <td>Producto4</td> 
   <td>20/10/2013</td> 
   <td>Devuelto</td></tr> 
 </tbody> 
</table> 

Tabla responsive

Al envolver cualquier .table en .table-dentro de la clase responsive, puede hacer que la tabla se deslice horizontalmente para adaptarse a dispositivos pequeños (menores que 768px). Cuando se ve en dispositivos más grandes que 768px de ancho en dispositivos grandes, no verá ninguna diferencia.

Este es el contenido completo del artículo. Espero que sea útil para su aprendizaje y que todos nos apoyen en el tutorial de clamor.

Declaración: el contenido de este artículo se obtiene de la red, pertenece al propietario original, se contribuye y sube por los usuarios de Internet de manera autónoma. Este sitio no posee los derechos de propiedad, no ha sido editado por humanos y no asume ninguna responsabilidad legal relacionada. Si encuentra contenido sospechoso de infracción de derechos de autor, por favor envíe un correo electrónico a: notice#oldtoolbag.com (al enviar un correo electrónico, reemplace # con @ para denunciar y proporcione evidencia. Una vez confirmado, este sitio eliminará inmediatamente el contenido sospechoso de infracción de derechos de autor.)