bootstrap 在 symfony 模板中不工作
bootstrap isn't working in symfony template
我正在做一个 symfony 项目。我有这个 base.html.twig
和一个从它延伸的页面。
这是base.html.twig
:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}PFE{% endblock %}</title>
{% block stylesheets %} <link rel="stylesheet" href="css/bootstrap.min.css"/>{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">Projet de fin d'etude</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href={{ path('main') }}>Menu principal <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href={{ path('cours') }}>Liste des cours</a>
</li>
<li class="nav-item">
<a class="nav-link" href={{ path('professeur') }}>Liste des professeurs</a>
</li>
<li class="nav-item">
<a class="nav-link" href={{ path('departement') }}>Liste des departements</a>
</li>
</ul>
</div>
</nav>
{% block body %}
{% endblock %}
{% block javascripts %}
<script src="/>js/jquery.js"></script>
<script src="/>js/popper.min.js"></script>
<script src="/>js/bootstrap.js"></script>
{% endblock %}
</body>
</html>
这是扩展它的模板:
{% extends 'base.html.twig' %}
{% block title %}ajouter un nouveau cours{% endblock %}
{% block body %}
{{ form(formCours) }}
{% endblock %}
Base 正在处理其他模板,但为什么不处理这个?
这是两个页面的屏幕截图:
但是在扩展的模板中我得到了这个:
有人可以解决这个问题吗?
{% block stylesheets %} <link rel="stylesheet" href="/css/bootstrap.min.css"/>{% endblock %}
我正在做一个 symfony 项目。我有这个 base.html.twig
和一个从它延伸的页面。
这是base.html.twig
:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>{% block title %}PFE{% endblock %}</title>
{% block stylesheets %} <link rel="stylesheet" href="css/bootstrap.min.css"/>{% endblock %}
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#">Projet de fin d'etude</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarColor01" aria-controls="navbarColor01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarColor01">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href={{ path('main') }}>Menu principal <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href={{ path('cours') }}>Liste des cours</a>
</li>
<li class="nav-item">
<a class="nav-link" href={{ path('professeur') }}>Liste des professeurs</a>
</li>
<li class="nav-item">
<a class="nav-link" href={{ path('departement') }}>Liste des departements</a>
</li>
</ul>
</div>
</nav>
{% block body %}
{% endblock %}
{% block javascripts %}
<script src="/>js/jquery.js"></script>
<script src="/>js/popper.min.js"></script>
<script src="/>js/bootstrap.js"></script>
{% endblock %}
</body>
</html>
这是扩展它的模板:
{% extends 'base.html.twig' %}
{% block title %}ajouter un nouveau cours{% endblock %}
{% block body %}
{{ form(formCours) }}
{% endblock %}
Base 正在处理其他模板,但为什么不处理这个?
这是两个页面的屏幕截图:
但是在扩展的模板中我得到了这个:
有人可以解决这个问题吗?
{% block stylesheets %} <link rel="stylesheet" href="/css/bootstrap.min.css"/>{% endblock %}