1. Tablas básicas
Añade la clase "table" a cualquier elemento <table> para aplicar los estilos básicos de Bootstrap 3 para tablas. El resultado es una tabla con un padding muy sutil y con líneas de separación solamente en las filas.La clase "table" se puede utiliza para muchas otras cosas que no son necesariamente tablas, como por ejemplo calendarios y selectores de fechas.
Ejemplo:
<table class="table">
...
</table>
Ejemplo 1:
Esta es la imagen del aspecto que debería tener este ejemplo:
2.Las tablas cebreadas: Son aquellas cuyas filas alternan su color de fondo para mejorar la legibilidad de los contenidos. Su aspecto recuerda a la piel de una cebra y de ahí su nombre. En inglés se denominan "striped tables" y por eso en Bootstrap 3 estas tablas se crean añadiendo la clase .table-striped. Ejemplo:
<table class="table table-striped">
...
</table>
3. Tablas con bordes
Si prefieres utilizar el estilo tradicional de las tablas con los cuatro bordes en todas las celdas y en la propia tabla, añade la clase .table-bordered. Ejemplo:
Tablas con bordes
Si prefieres utilizar el estilo tradicional de las tablas con los cuatro bordes en todas las celdas y en la propia tabla, añade la clase .table-bordered
. Ejemplo:
<table class="table table-bordered">
...
</table>
Fuente:https://uniwebsidad.com/libros/bootstrap-3/capitulo-4/tablas
0 comentarios:
Publicar un comentario