Ничего такого, как обычно подключить статику и вперед)
<!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">© 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>
Хотя я бы ещё рекомендовал попробовать
https://github.com/dyve/django-bootstrap3, с ней можно ренедрить формы в одну строчку, очень удобно.
{% bootstrap_form form layout='horizontal' %} 
Простой
Средний
Простой