Where can I find documentation on using bootstrap in django?

I

Intelide2017-02-08 11:14:09

Django

Intelide, 2017-02-08 11:14:09

Hello.
google google could not find it, please tell me where to find the correct documentation on connecting and using bootstrap in django.
Thanks in advance

Reply

Answer the question

In order to leave comments, you need to log in

1 answer(s)

I

iMrDron, 2017-02-08
@iMrDron

Nothing like usual connect statics and go)

<!doctype html>

{% load static from staticfiles %}

<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>{% block title %}Dron System{% endblock %}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="{% static 'css/bootstrap.css' %}" rel="stylesheet" type="text/css" media="all" />
        <link href="{% static 'css/themify-icons.css' %}" rel="stylesheet" type="text/css" media="all" />
        <link href="{% static 'css/flexslider.css' %}" rel="stylesheet" type="text/css" media="all" />
        <link href="{% static 'css/lightbox.min.css' %}" rel="stylesheet" type="text/css" media="all" />
        <link href="{% static 'css/ytplayer.css' %}" rel="stylesheet" type="text/css" media="all" />
        <link href="{% static 'css/theme-nearblack.css' %}" rel="stylesheet" type="text/css" media="all" />
        <link href="{% static 'css/custom.css' %}" rel="stylesheet" type="text/css" media="all" />
        <link href='http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600' rel='stylesheet' type='text/css'>
        {% block extra_style %}{% endblock %}
    </head>
    <body class="scroll-assist">

        {% include "navbar.html" %}

        <div class="main-container">

            {% block content %}{% endblock %}

            <footer class="footer-1 bg-dark bg-primary">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <span class="sub">&copy; Copyright 2016 - **** *****</span>
                        </div>
                        <div class="col-sm-6 text-right">
                            <ul class="list-inline social-list">
                                <li>
                                    <a href="https://www.facebook.com/***************">
                                        <i class="ti-facebook"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!--end of container-->
                <a class="btn btn-sm fade-half back-to-top inner-link" href="#top">Top</a>
            </footer>
        </div>
        <script src="{% static 'js/jquery.min.js' %}"></script>
        <script src="{% static 'js/bootstrap.min.js' %}"></script>
        <script src="{% static 'js/flickr.js' %}"></script>
        <script src="{% static 'js/flexslider.min.js' %}"></script>
        <script src="{% static 'js/lightbox.min.js' %}"></script>
        <script src="{% static 'js/masonry.min.js' %}"></script>
        <script src="{% static 'js/twitterfetcher.min.js' %}"></script>
        <script src="{% static 'js/spectragram.min.js' %}"></script>
        <script src="{% static 'js/ytplayer.min.js' %}"></script>
        <script src="{% static 'js/countdown.min.js' %}"></script>
        <script src="{% static 'js/smooth-scroll.min.js' %}"></script>
        <script src="{% static 'js/parallax.js' %}"></script>
        <script src="{% static 'js/scripts.js' %}"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
        {% block extra_script %}{% endblock %}
    </body>
</html>

Although I would also recommend trying https://github.com/dyve/django-bootstrap3 , it can render forms in one line, very convenient.
{% bootstrap_form form layout='horizontal' %}