Las tablas sirven para hacer tablas. Se inicia con etiqueta <table>, crear filas con <tr> y luego celdas en cada fila <td>. Para celda "título" (centrada en negrita) se usa <th> Un ejemplo de tabla y luego su representación:
<table> <tr> <th>Titulo Columna 1</th> <th>Título Columna 2</th> </tr> <tr> <td>Celda 2,1</td> <td>Esto es una celda</td> </tr> <tr> <td>Celda 3,1</td> <td>Celda 3,2</td> </tr> </table>(Para escribir el codigo directamente como aquí, he puesto <pre></pre> )
Titulo Columna 1 | Título Columna 2 |
---|---|
Celda 2,1 | Esto es una celda |
Celda 3,1 | Celda 3,2 |
Bootstrap vuelve a salvarnos el día y nos permite modificar la tabla para tener líneas y diseños "de fábrica" que no den asco. Añadiendo class="table" se ve así:
Titulo Columna 1 | Título Columna 2 |
---|---|
Celda 2,1 | Esto es una celda |
Celda 3,1 | Celda 3,2 |
Las clases disponibles son:
Pero por si esto no fuera suficiente, bootstrap nos brinda la posibilidad de modificar las columnas (tr) o las celdas con las siguientes clases: