Es fácil alinear la tabla configurando el atributo "alinear", pero la alineación de la tabla por css es un poco hacky. ¿Hay compatibilidad incorporada para la alineación de tablas en Twitter Bootstrap 2.0?¿Hay algo incorporado en Twitter Bootstrap 2.0 para alinear los contenidos de la tabla?
No hay nada construido en apoyar esto, pero es muy fácil de añadir algo como:
.table th.rightCell,
.table td.rightCell {
text-align: right;
}
Alternativamente, para mantener las convenciones de nomenclatura de Bootstrap y utilizar la clase 'text-right' precompilada, debe agregar esto a su propio css: ' .table th.text-right, .table td.text-right { text -alinear: a la derecha; } ' y luego usar '
Por "td" He utilizado este, que está incluido en el css de arranque:
<td class="pagination-centered">
"centrada en la paginación"<- es demasiado largo (19 caracteres). Prefiero usar nombres de clase más cortos. – fedmich
Bootstrap's alignment classes incluye .text-right que establece text-align: right.
Desafortunadamente Bootstrap establece text-align: left para celdas de la tabla de modo que aplican .text-right a un <td> no tiene ningún efecto:
<td class="text-right">
Still left aligned
</td>
Adición .text-right a un elemento de bloque dentro sin embargo la célula funciona:
<td>
<p class="text-right">Right aligned</p>
</td>
<td>
<div class="text-right">Right aligned</div>
</td>
Estoy usando Bootstrap 3.0, y '.text-right' funciona perfectamente cuando se aplica directamente a un'
No estoy seguro de que esto sea 'hacky'. Bootstrap es solo una herramienta de arranque para que las cosas comiencen y está destinado a ser desarrollado. –