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?
Respuesta
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'
- 1. ¿Algo como Twitter Bootstrap para Android?
- 2. CakePHP 2.0 con Twitter Bootstrap
- 3. ¿Arrastrar y soltar para Twitter bootstrap 2.0?
- 4. Center Navbar en Twitter Bootstrap 2.0
- 5. Twitter bootstrap-modal para imágenes
- 6. 2 columnas de igual altura - Bootstrap 2.0 de Twitter
- 7. encabezado "ejemplo" en twitter bootstrap
- 8. Splitter para Twitter Bootstrap
- 9. Plone y Twitter Bootstrap
- 10. Ritmo vertical para Twitter Bootstrap
- 11. Prefijo de todos los selectores para twitter bootstrap en menos
- 12. Twitter Bootstrap cargador en línea?
- 13. alinear la barra de progreso de twitter bootstrap y la insignia
- 14. Twitter Bootstrap sidet caret
- 15. imagen Alinear a la izquierda del texto en la misma línea - Twitter Bootstrap
- 16. Symfony2 y Twitter Bootstrap
- 17. Twitter Bootstrap, muestra todos los popovers en un div
- 18. Alinear contenidos dentro de un div
- 19. Formateo de tabla anidada con simple_form, nested_form y twitter-bootstrap
- 20. Alinear contenidos de div en la parte inferior
- 21. Crear cuadros seleccionados Brillar en azul en Twitter Bootstrap
- 22. Twitter Bootstrap Containers
- 23. Twitter bootstrap accordion-heading
- 24. Barra de navegación Twitter Bootstrap - menú desplegable Alinear a la derecha
- 25. Tooltips con Twitter Bootstrap
- 26. Centrar la navegación en Twitter Bootstrap
- 27. Twitter Bootstrap - Use fuentes serif
- 28. Twitter Bootstrap Modal - IsShown
- 29. Twitter Bootstrap FileUpload
- 30. Twitter menú desplegable Bootstrap
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. –