jp.av.dev 2020-11-16 23:06:58 -03:00
parent 1d45dadfc2
commit c5eabf3af5

@ -0,0 +1,45 @@
## Dar Formato al sitio con Bootstrap
*Framework CSS, creado por Twiter en 2011*:
Se utiliza para dar formato a un sitio web completo, utilizando librarias CSS.
Bootstrap es un conjunto de librerias predefinidas para ser ultilizadas *linkeando*,
para dar formato a los elementos del sitio (tablas, rollover, iconos, barras, etc).
Permite crear sitios web **Responsive**, cualidad que permite a un sitio ser mostrado
apropiadamente de acuedo al dispositivo (tablet, pc, etc.).
Compatible con todos los navegadores.
**Ventajas**
- Crear un sitio completo con un formato común, y rapido
- Reutilización de elementos (barras, menús, etc)
- Diseño Adaptable (responsive)
- Crear grids de forma sencilla (diseño de columnas)
- Comunidad activa, actualización y soporte.
- Usado masivamente en CMS, implementaciones para WordPress, Drupal, etc
- Permite el uso de LESS (herramienta que agrega funcionalidad a CSS)
[Get started](https://getbootstrap.com/docs/4.5/getting-started/introduction/)
[demo](www.pildorasinformaticas.es/archivos/django/video29.zip)
/Proyecto/App/**estatic/App/**
```
├──  static
│ └──  ProyectoWepApp
│ ├──  css
│ │ └──  gestion.css
│ ├──  img
│ │ ├──  bg_main.jpg
│ │ └──  principal.jpg
│ └──  vendor
│ ├──  bootstrap
│ ├──  font-awesome
│ └──  jquery
```
*modificar Project/App/templates/App/*[***home.html***](https://gitea.kickto.net/jp.av.dev/intro_Django/src/branch/master/ProyectoWeb/ProyectoWebApp/templates/ProyectoWebApp/home.html)
## Modificar Templates, para usar herencia
## Herencia de Plantillas y estructura del sitio