Breaking News: Grepper is joining You.com. Read the official announcement!

where to place bootstrap in django project

Excited Eagle answered on December 17, 2020 Popularity 6/10 Helpfulness 1/10

answer where to place bootstrap in django project

related django bootstrap where to put the files

where to place bootstrap in django project

Comment

Download bootstrap files. Generally it will have js and css folder with bunch of files inside them.

Create a bootstrap folder insider your django project usually at the level of our app. Not inside your app.
Place the css and js folder within this bootstrap folder.

Now you can refer the bootstrap using below code:
  <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}">

Popularity 6/10 Helpfulness 1/10 Language python

Source: Grepper

Tags: django project python where

Link to this answer
Share Copy Link

Contributed on Jul 11 2023

Excited Eagle

0 Answers Avg Quality 2/10

Closely Related Answers

django bootstrap where to put the files

Comment

<!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">
    <title>{% block title %}title{% endblock %}</title>

    {% load staticfiles %}
    <!-- Bootstrap -->
    <link href="{% static "bower_components/bootstrap/dist/css/bootstrap.css" %}" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    {% block content %}
    {% endblock %}

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="{% static "bower_components/jquery/dist/jquery.min.js" %}"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="{% static "bower_components/bootstrap/dist/js/bootstrap.min.js" %}"></script>
  </body>
</html>

Popularity 9/10 Helpfulness 5/10 Language html

Source: stackoverflow.com

Tags: django dj

Link to this answer
Share Copy Link

Contributed on Dec 17 2020

Fierce Fox

0 Answers Avg Quality 2/10

where to place bootstrap in django project

Contents

More Related Answers

where to place bootstrap in django project

Closely Related Answers

django bootstrap where to put the files

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.