base.html

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"
          integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
    <link rel="stylesheet" href="{% static 'css/style.css' %}">

    {% block style %}
    {% endblock %}

    {% block title %}
    <title>Document</title>
    {% endblock %}
    <style>
        .navbar-header {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
        .nav-custom {
            display: flex;
            align-items: center;
        }
        .nav-custom > *:not(:first-child) {
            margin-left: 10px;
        }
    </style>
</head>
<body>
<nav class="navbar">
    <div>
        <div class="navbar-header">
            <div class="nav-custom">
                <a class="navbar-brand" href="/">ESI</a>
                <ul class="nav nav-custom">
                    <li><a href="{% url 'list_news' %}">News</a></li>
                    <li><a href="{% url 'job_list' %}">Run&Settings</a></li>
                    <li><a href="#">Stat</a></li>
                </ul>
            </div>
            <ul class="nav nav-custom navbar-right">
                <li><a href="{% url 'login' %}?next={{ request.get_full_path }}"><span class="glyphicon glyphicon-log-in"></span>Login</a></li>
                <li><a href="{% url 'logout' %}?next=/"><span class="glyphicon glyphicon-log-in"></span>Logout</a></li>
            </ul>
        </div>

    </div>
</nav>

{% block content %}
{% endblock %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<script src="{% static 'js/script.js' %}"></script>

{% block script %}
{% endblock %}
</body>
</html>