Hello. In Symfony I have a base.html.twig file with a Bootstrap template. Using this template in my other view files at the beginning of each file I am extending this template.
When I use the code: {% extends 'base.html.twig' %}
I get the bootstrap layout but I even get the error: An error occurred while loading the web debug toolbar (500:.). Do you want to open the profiler?
Clicking ok I get this:
If I take out {% extends 'base.html.twig' %}
then I don’t get this error anymore.
Still trying to find out what I am doing wrong. Would appreciate some help.
I should also say, that I am using FSOUserBundle, so maybe in that error is referring to that login.html.twig. To overwrite the FSOUserBundle templates I have created this folders: /FOSUserBundle/views
under Resources
. The I simply copied the views
folder from the main friendsofsymfony/user-bundle/Resources
Here is the code for my base template and the welcome page that extends the base.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Welcome</title>
<!-- Bootstrap core CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<ul>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
{% block welcome %}{% endblock %}
{% block admin %}{% endblock %}
</ul>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
{% block addRecord %}{% endblock %}
</ul>
<div id="navbar" class="navbar-collapse collapse">
{% block signIn %}{% endblock %}
{% block logout %}{% endblock %}
</div>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-12">
<!--/main body for page content -->
{% block body %}{% endblock %}
</div>
</div>
</div><!-- /.container -->
</body>
</html>
Welcome page that extends the base template:
{% extends 'base.html.twig' %}
{% block welcome %}
<a class="navbar-brand" href="{{ path('quiz_default_welcome') }}">Welcome</a>
{% endblock welcome %}
{% block signIn %}
<ul class="nav navbar-nav navbar-right">
<li>
<a id="log_in" href="/login">
<input type="button" class="btn btn-link" value="Sign In" />
</a>
</li>
</ul>
{% endblock signIn %}
{% block body %}
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4">
<div id="usertoplay" class="form-group">
<a href="/welcome/play">
<input type="button" class="btn btn-success" value="Play Quiz" />
</a>
</div>
</div>
<div class="col-md-4"></div>
</div>
{% endblock %}