Configurando o Flask para carregar corretamente os arquivos js e css do Bootstrap

Como você pode usar a diretiva "url_for" no Flask para configurar corretamente as coisas, para que uma página html que usa o Bootstrap e o RGraph funcione?

Digamos que minha página html tenha a seguinte aparência (trecho parcial): -

<!doctype html>
<html lang="en">
    <head>
            <meta charset="utf-8">
            <link href="scripts/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
            <title>HP Labs: Single Pane Of Glass (Alpha)</title>
            <script src="scripts/RGraph/libraries/RGraph.common.core.js" ></script>
            <script src="scripts/RGraph/libraries/RGraph.line.js" ></script>
            <script src="scripts/RGraph/libraries/RGraph.common.effects.js" ></script>
            <script src="scripts/RGraph/libraries/RGraph.line.js" ></script>

 ......

 </html>

Aqui está o que eu fiz / quero fazer: -

Criei um diretório "templates" ao lado do meu módulo Flask e coloquei esse arquivo html nele.

Criei um diretório "estático" ao lado do meu módulo Flask, mas não tenho certeza de onde e quantas instruções do tipo "url_for" usar e para onde devem ir. Portanto, atualmente o diretório "scripts" é um subdiretório no diretório "templates" (sei que isso está incorreto).

Eu gostaria de poder fazer referência a todos os js e css do Bootstrap e RGraph corretamente (agora, vendo muitos 404s).

Alguém pode me instruir a configurar corretamente o Flask (executando o servidor de desenvolvimento) para fazer isso? No momento, o js e o css não funcionam.

Obrigado !

questionAnswers(2)

yourAnswerToTheQuestion