<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="/static/bootstrap.css"> <title>Document</title> </head> <body> <div class="container"> <form method = "post" enctype="multipart/form-data"> <h2>Choose your State</h2> {{form.state_variable}} <h2>Choose your District</h2> {{form.district_variable}} <br> <br> <br> <input type="submit" name="submit" value="submit"/> </div> </body> </html>Soy nuevo en la creación de aplicaciones web a través de matraz y html. Creé una página muy simple que toma información del archivo html y muestra una tabla en otro html. Mi matraz de python y html funcionan bien. Quería agregar algo de bootstrap.css, así que intenté agregar div class=container a la página html usando el código de Visual Studio. Obtuve una vista previa con el 'Servidor en vivo' en el código de Visual Studio y funciona bien. Sin embargo, cuando inicio el servidor local para que funcione con el matraz, en ese momento no se aplica bootstrap css. Lo que veo es una página html barebone sin aplicar estilos. Sin embargo, todas las funcionalidades funcionan bien. Cualquier ayuda será muy apreciada. Gracias.
Mensaje de error: "GET /css/bootstrap.css HTTP/1.1" 404 -
Nota: no estoy seguro de por qué el código busca la carpeta "/css/" mientras que claramente puse mi archivo css en la carpeta estática y lo mencioné.
Debe reemplazar href="/static/bootstrap.css" y reemplazarlo con:
href="{{url_for('static', filename='bootstrap.css')}}"Tienes que hacer eso, porque escribes en un matraz como este. Normalmente lo harías como lo hiciste. Siéntete libre de decirme cualquier error.
<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='bootstrap.css')}}"> <title>Document</title> </head>el cambio anterior a href sugerido por el usuario 'malware' ayudó a resolver esto.
También comenté la siguiente línea en mi código python ya que ese no parece ser el problema
#app._static_folder = '<path>'