Html Django模板中引导中的重叠导航栏
我的导航栏与我的网页重叠,我不知道如何更改它。 现在是:Html Django模板中引导中的重叠导航栏,html,django,twitter-bootstrap,Html,Django,Twitter Bootstrap,我的导航栏与我的网页重叠,我不知道如何更改它。 现在是: 可以看到事件数量和创建新事件的蓝色按钮,在NavBar中间被剪切。 我的模板是: navbar.html <div class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> &l
可以看到事件数量和创建新事件的蓝色按钮,在NavBar中间被剪切。
我的模板是: 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>
切换导航
Bienvenido
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 %}
{%block title%}面板{%endblock title%}
{%block content%}
{%include“events/panel/navbar.html”%}
Tienes 0事件有争议
事件名称
类别
伊尼西奥
鳍
蒙托
疫苗
名称
类别
开始
完成
无偿合同
S/。0
{%endblock内容%}
我尝试更改class=“navbar navbar default navbar fixed top”,但它不会更改我的网页视图 根据引导文档: 需要车身衬垫 固定导航栏将覆盖其他内容,除非在
顶部添加填充。请尝试您自己的价值观或使用下面的代码片段。提示:默认情况下,导航栏的高度为50px。
抄袭
body{padding top:70px;}
确保在核心引导CSS之后包含此
我尝试了这个,但添加css
主体{padding top:70px;}的方法是相同的
没有效果?是的,我放了它,不做任何更改。尝试在之后对浏览器进行硬刷新,例如chrome中的ctrl+F5