Bootstrap np. tooltip w Symfony 4

Question

Chciałbym ogarnąć tooltip w impucie za pomocą Bootstrapa i Symfony 4 (Twig)

Plik login.html.twig:

{% extends 'base.html.twig' %}

{% block title %}
{{tytul}}
{% endblock %}

	{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{ asset('css/style.css')}}">
	{% endblock %}

{% block body %}

<div class="container test">

{{app.session.get('test')}}

<h2>Logowanie</h2>

	{% if error %}
	    <div class="alert alert-danger">{{ error.messageKey|trans(error.messageData, 'security') }}</div>
	{% endif %}

<form method="post" class="form">

<div class="form-group">

<label for="login">Login:</label>
<input type="text" id="login" name="login" data-toggle="tooltip" data-placement="bottom" title="Podaj login!" placeholder="Login" class="form-control" value="{{ last_username }}"/>

</div>


<div class="form-group">

<label for="password">Hasło:</label>
<input type="password" id="password" name="password" placeholder="Hasło" class="form-control"/>

</div>


<div class="form-group">

<label>
<input type="checkbox" name="_remember_me"> Zapamiętaj mnie
</label>

</div>

<input type="hidden" name="_csrf_token" value="{{csrf_token('authenticate')}}"/>

<div class="form-group">

<button type="submit" class="btn btn-success">Logowanie</button>

</div>

</form>

</div>

{% endblock %}

	{% block javascripts %}
<script type="text/javascript" src="{{ asset('js/jquery-3.2.1.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('js/bootstrap.min.js')}}"></script>
<script type="text/javascript" src="{{ asset('js/tool.js')}}"></script>
	{% endblock %}

Pllik tool.js

$(document).ready(function(){
  $('[data-toggle="tooltip"]').tooltip(); 
});

i  jaki mam rezultat:

A za pomocą asset mam dołączony zarówno plik bootstrap.min.css, bootstrap.min.js oraz  tool.js

Ale nie  działa... gdzie mogę błąd odszukać...

Oczywiscie wyczyściłem też pliki cookie z przeglądarki...

Answer 1

https://getbootstrap.com/docs/4.1/components/tooltips/ 

Things to know when using the tooltip plugin:

• Tooltips rely on the 3rd party library Popper.js for positioning. You must include popper.min.js before bootstrap.js or use bootstrap.bundle.min.js / bootstrap.bundle.js which contains Popper.js in order for tooltips to work!