jp.dev 2020-11-18 22:31:41 -03:00
parent 1e9597f701
commit 1d84001374

@ -20,7 +20,7 @@ Compatible con todos los navegadores.
[Get started](https://getbootstrap.com/docs/4.5/getting-started/introduction/) [Get started](https://getbootstrap.com/docs/4.5/getting-started/introduction/)
[demo](www.pildorasinformaticas.es/archivos/django/video29.zip) [demo](https://www.pildorasinformaticas.es/archivos/django/video29.zip)
/Proyecto/App/**estatic/App/** /Proyecto/App/**estatic/App/**
``` ```
├──  static ├──  static
@ -41,17 +41,28 @@ modificar Project/App/templates/App/**home.html**
![img](https://gitea.kickto.net/jp.av.dev/intro_Django/raw/branch/master/ProyectoWeb/wikimg/home_sin_estilo.png) ![img](https://gitea.kickto.net/jp.av.dev/intro_Django/raw/branch/master/ProyectoWeb/wikimg/home_sin_estilo.png)
### Cargar los contenidos linkeados en home.html ### TAG `{% load static %}`
**TAG {% load static %}** Cargar contenidos
`{% load static %}` y
**agregar `<link href="{% static 'ProyectoWebApp/`a-links-internos**`' %}" rel="stylesheet">`
*base.html*
``` ```
...
{% load static %} {% load static %}
<!-- Bootstrap --> <!-- Bootstrap -->
<link href="{% static 'ProyectoWebApp/vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet"> <link href="{% static 'ProyectoWebApp/vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
... ...
<!-- Styles -->
<link href="{% static 'ProyectoWebApp/css/gestion.css' %}" rel="stylesheet">
...
<!-- Bootstrap -->
<script src="{% static 'ProyectoWebApp/vendor/jquery/jquery.min.js' %}"></script>
<script src="{% static 'ProyectoWebApp/vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
...
...
``` ```
**Agregar `<link href="{% static 'ProyectoWebApp/`a-links-internos**`' %}" rel="stylesheet">`
Estilo aplicado, *vista escritorio* Estilo aplicado, *vista escritorio*
![sitio con estilo aplicado](https://gitea.kickto.net/jp.av.dev/intro_Django/raw/branch/master/ProyectoWeb/wikimg/home_style.png) ![sitio con estilo aplicado](https://gitea.kickto.net/jp.av.dev/intro_Django/raw/branch/master/ProyectoWeb/wikimg/home_style.png)