martes, 29 de octubre de 2019

Bootstrap tablas

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

Armando

Autor y Editor

Ingeniero de Sistemas, Esp. en Seguridad Informatica, Programador, Webmaster, experto en mantenimiento de Computadores, apasionado por el software libre. En mis ratos libre me gusta jugar baloncesto y dialogar con la gente.

0 comentarios:

Publicar un comentario