Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Se agrega módulo 5 - Tablas en bootstrap #48

Open
wants to merge 6 commits into
base: master
Choose a base branch
from

Conversation

jorgerdc
Copy link
Owner

@jorgerdc jorgerdc commented Sep 6, 2020

No description provided.

Antteriormente el módulo 5 fue creado para contener únicamente
este ejemplo lo cual no tiene sentido ya que es solo un ejemplo.
Se mueve el ejemplo de un template simple al modulo 4.
`.table-dark` | Estilo obscuro.
`.table-borderless` | Sin borde
`.table-sm` | Los elementos de la tabla se muestran de forma compacta
`.table-active` `.table-primary` `.table-secondary` `.table-success` `.table-danger` `.table-warning` `.table-info` `.table-light` `.table-dark` | Empleados para personalizar cada renglón o inclusive cada columna. pueden aplicarse a los elementos `<tr>` o `<td>`
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Corrección ortográfica, después del texto "columna." debe iniciar en mayúsculas "Pueden" en vez de "pueden".

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

resuelto

* `.table-responsive` la tabla se comporta de manera responsiva en todos los breakpoints.
* `table-responsive{-sm|-md|-lg|-xl}` La tabla se comporta de forma responsiva hasta alcanzar el breakpoint configurado. Posterior al breakpoint el scroll horizontal desaparece.
##### Ejemplo:
* Notar que los estilos no se emplean en el elemento `<table>`
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Mejorar redacción, no es muy clara.

Copy link
Owner Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

corregido.

Copy link
Collaborator

@vservin vservin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Aprobado de mi lado, solo verificar los cambios de @alexJava2015

Copy link
Collaborator

@vservin vservin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Detectados errores

bootstrap/ejemplos/modulo05/ejemplo-tabla-01.html Outdated Show resolved Hide resolved
* Revisar la carpeta `ejemplos/modulo04/template-simple`
* En ella se encuentran algunos ejemplos con un template muy simple empleando únicamente las funcionalidades vistas hasta el momento completamente de cero.
* Para visualizar el código usar los siguientes enlaces:
* [example-raven-01.html](../ejemplos/modulo04/example-raven-01.html)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Corregir enlace

Suggested change
* [example-raven-01.html](../ejemplos/modulo04/example-raven-01.html)
* [example-raven-01.html](../ejemplos/modulo04/template-simple/example-raven-01.html)

* En ella se encuentran algunos ejemplos con un template muy simple empleando únicamente las funcionalidades vistas hasta el momento completamente de cero.
* Para visualizar el código usar los siguientes enlaces:
* [example-raven-01.html](../ejemplos/modulo04/example-raven-01.html)
* [example-raven-02.html](../ejemplos/modulo04/example-raven-02.html)
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Corregir enlace

Suggested change
* [example-raven-02.html](../ejemplos/modulo04/example-raven-02.html)
* [example-raven-02.html](../ejemplos/modulo04/template-simple/example-raven-02.html)

* `.table-responsive` la tabla se comporta de manera responsiva en todos los breakpoints.
* `table-responsive{-sm|-md|-lg|-xl}` La tabla se comporta de forma responsiva hasta alcanzar el breakpoint configurado. Posterior al breakpoint el scroll horizontal desaparece.
##### Ejemplo:
* Observar que el estilo `table-responsive` no se especifica en el elemento `<table>`. Se emplea un elemento que actua como wrapper, típicamente el elemento `<div>`.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Corregir acento actúa

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Bootstrap - Agregar ejemplos para tablas html responsivas
4 participants