在Django模板的引導程序中重疊導航欄

我的導航欄與我的網頁重疊，我不知道如何更改它。現在是：在Django模板的引導程序中重疊導航欄

你可以看到事件的數量和創建新的事件的藍色按鈕，被切割成通過導航欄中間。

我的模板是：

navbar.html

<div class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="{% url 'events_app:panel' %}">Eventus</a> 
     </div> 
     <div class="collapse navbar-collapse"> 
      <ul class="nav navbar-nav pull-right"> 
       <li><p class="navbar-text">Bienvenido, <a href="#" class="navbar-link">{{ user.username|capfirst }}</a></p></li> 
      <li><a href="{% url 'users_app:logout' %}">Logout</a></li> 
      </ul> 
     </div><!--/.nav-collapse --> 
    </div> 
</div>

panel.html

{% block title %}Panel{% endblock title %} 

{% block content %} 

{% include "events/panel/navbar.html" %} 
    <div class="container"> 
     <div class="page-header "> 
      <h4> 
       <strong> 
        Tienes <span class="label label-warning">0</span> Eventos disponibles 
       </strong> 
       <a class="btn btn-primary pull-right" href="{% url 'events_app:nuevo' %}"> 
        <span class="glyphicon glyphicon-plus"></span> Crear un evento nuevo 
       </a> 
      </h4> 
     </div><!-- page-header --> 

     <div class="row"> 
      <div class="col-md-12"> 
       <table class="table table-striped table-hover"> 
       <thead> 
        <tr> 
        <th colspan="2">Nombre del evento</th> 
        <th>Categoría</th> 
        <th>Inicio</th> 
        <th>Fin</th> 
        <th>Monto</th> 
        <th class="text-center">Acciones</th> 
       </tr> 
       </thead> 
       <tbody> 
        <tr> 
         <td> 
          <img src="" alt="" width="60" class="img-rounded"> 
         </td> 
         <td>name</td> 
         <td>category</td> 
         <td>start</td> 
         <td>finish</td> 
         <td> 
          <span class="label label-default">Gratuito</span> 
          <span class="label label-info">S/. 0.00</span> 
         </td> 
         <td class="text-right"> 
          <a href="#" class="btn btn-success"><span class="glyphicon glyphicon-eye-open"></span></a> 
          <a href="#" class="btn btn-warning"><span class="glyphicon glyphicon-pencil"></span></a> 
          <a href="" class="btn btn-danger"><span class="glyphicon glyphicon-trash"></span></a> 
         </td> 
        </tr> 
        </tbody> 
       </table> 
      </div><!-- col-md-12 --> 
     </div><!-- /row --> 
    </div><!-- /container --> 

{% endblock content %}

我試圖改變類= 「導航欄導航欄默認導航欄固定頂」，但它不會改變我對網頁的看法。

來源

2017-10-06 Diego Lebowsky