css - not - ¿Hay algo integrado en Twitter Bootstrap 2.0 para alinear el contenido de la tabla?

tooltip bootstrap 3

Question

Es fácil alinear la tabla configurando el atributo "alinear", pero la alineación de la tabla por css es un poco complicada. ¿Hay soporte integrado para alineación de tablas en Twitter Bootstrap 2.0?

Answer 1

Las clases de alineación de Bootstrap incluyen .text-right que establece text-align: right .

Desafortunadamente, Bootstrap establece text-align: left para celdas de la tabla, por lo que aplicar .text-right a un <td> no tiene ningún efecto:

<td class="text-right">
  Still left aligned
</td>

Sin .text-right adición de .text-right a un elemento de bloque dentro de la celda funciona:

<td>
  <p class="text-right">Right aligned</p>
</td>
<td>
  <div class="text-right">Right aligned</div>
</td>

Answer 2

No hay nada incorporado para admitir esto, pero es muy fácil agregar algo como:

.table th.rightCell,
.table td.rightCell {
  text-align: right;
}

Answer 3

Para "td" usé esto que está incluido en css bootstrap:

<td class="pagination-centered">