[Python] unresponsive boostrap on google chrome from my django app

Here is my app directory

Here is the head of my html

`{% load static %}

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title> Asoro Auto </title>
<link href=" {% static 'Dashboard/css/bootstrap.min.css'% }" rel="Stylesheet" >
</head>`


Here is the body that contains tags styled according to bootstrap convention

`<div class="container">
<div class="row">
<div class="col">AB2C1D1
</div>
<div class="col">AB2C1D2
</div>
<div class="col">AB2C1D3
</div>
<div class="col">AB2C1D4
</div>
</div>
<div class="row">AB2C2
</div>
<div class="row">AB2C3
</div>
<div class="row">AB2C4
</div>
</div>`


Here is the bootstrap script added before the end of my html body tag

`<script src=" {% static 'Dashboard/js/bootstrap.min.js'% }"></script>
</body>`


In my settings.py here are my some necessary configurations highlighted for the local twitter bootstrap to work

`STATIC_URL = 'static/'

STATICFILES_DIRS = [
BASE_DIR/"static",`

]

Continue reading...