Difficulty in including external CSS and bootstrap files in HTML inside templates folder of flask

Question

I am facing difficulty in accessing CSS and bootstrap files inside HTML within localhost:5000 in flask programming.

I've already tried including the CSS files within static folder but it doesn't work.

<head>
<title>HOME PAGE</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='bootstrap.css') }}">

<link rel="stylesheet" href="{{ url_for('static', filename='homestyle.css') }}">

I expect all the CSS modules to be included in the HTML file without any obstacles.

did you try placing bootstrap.css first and then homestyle.css ? — PurushothamC
– PurushothamC, Commented Mar 26, 2019 at 5:12
Have you checked that the path to your css files is correct? it would not static/css/homestyle.css instead? — Tobin
– Tobin, Commented Mar 26, 2019 at 7:06
@LaljiTadhani the folder structure is templates and a static as sub folder within templates — Suzie
– Suzie, Commented Mar 30, 2019 at 4:36

glhr · Accepted Answer · 2019-03-30 08:32:17Z

1

Try this:

<link rel="stylesheet" href="{{ url_for('static', filename='homestyle.css') }}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='bootstrap.css') }}">

Edit: Make sure your folder structure matches the following:

static/
├── homestyle.css
├── bootstrap.css
templates/
├── index.html
app.py

The static folder should be at the root, not inside the templates folder.

edited Mar 30, 2019 at 8:32

answered Mar 29, 2019 at 20:53

glhr

4,5471 gold badge18 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Difficulty in including external CSS and bootstrap files in HTML inside templates folder of flask

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related