2.5 KiB
| title | localeTitle |
|---|---|
| Tables | Mesas |
## Mesas
Tabla basica
Para lograr el ejemplo de estilo básico, agregue la clase base .table a cualquier elemento <table> .
Ejemplo
<table class="table">
...
</table>
Tabla Rayada
Para lograr el efecto de fila de rayas (zebra-striping) en las tablas, use .table-striped además de .table en cualquier elemento <table> . Las tablas con rayas se diseñan a través del selector de CSS :nth-child , que no está disponible en Internet Explorer 8.
<table class="table table-striped">
...
</table>
Mesa bordeada
Para lograr la tabla bordeada, use .table-bordered además de .table en cualquier elemento <table> .
<table class="table table-bordered">
...
</table>
Tabla Hover
Para lograr el efecto de hover row en las tablas, use .table-bordered además de .table en cualquier elemento <table> .
<table class="table table-hover">
...
</table>
Mesa Condensada
Para lograr la tabla condensada, use .table-condensed además de .table en cualquier elemento <table> .
<table class="table table-condensed">
...
</table>
Tabla sensible
Con el fin de lograr la tabla receptiva envolviendo cualquier tabla .table en un elemento .table-responsive .
...
Los desarrolladores pueden cambiar el estilo de cada fila y / o celda individual utilizando clases contextuales .
-
.active: aplica el color de.activesobre una fila o celda en particular -
.success- Indica una acción exitosa o positiva -
.info- Indica un cambio o acción informativa neutral -
.warning: indica una advertencia que podría necesitar atención -
.danger- Indica una acción peligrosa o potencialmente negativa.... ... ... ... ...
... ... ... ... ...
