Tablas

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

Clases de tablas Bootstrap

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: