Utilisation de Bootstrap

**Charvalos** · 13/02/2017, 16h28

Bonjour à tous !

Je suis en train de faire un site web pour quelqu'un et à cette occasion, j'ai décidé d'utiliser Symfony3. J'ai relativement bien compris le concept et j'arrive à afficher ma page d'accueil mais j'ai un petit souci : comment utiliser Bootstrap ?
Après plusieurs recherches sur Internet, je suis tombé sur toutes sortes de choses et je suis un peu perdu. Finalement, j'ai essayé ça :

layout.html.twig

Code twig :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    {% block stylesheets %}
      <link rel="stylesheets" href="{{ asset('css/bootstrap.css') }}">
    {% endblock %}
 
    {% block javascript %}
      <script src="{{ asset('js/jquery-3.1.1.min.js') }}"></script>
      <script src="{{ asset('js/bootstrap.js') }}"></script>
    {% endblock %}
 
    <title>{% block title %}MonTitre{% endblock %}</title>
  </head>
  <body>
    {% block menu %}
      <nav class="navbar navbar-default">
          <ul class="nav nav-tabs">
            <li class="active"><a href="./index">Accueil</a></li>
          </ul>
      <nav>
    {% endblock %}
 
    {% block body %}
    {% endblock %}
 
  </body>
</html>

Quand je vais sur MonSite/web/app.dev.php/index, Accueil s'affiche bien grâce à l'héritage du layout mais apparemment, le css n'est pas pris en compte.

Du coup, je me tourne vers vous pour savoir quelle est le meilleur moyen d'utiliser Bootstrap (et JQuery, au cas où) ? Merci d'avance !

**MehrezLabidi** · 13/02/2017, 22h20

peut être que tu as oublié de mettre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 {{ parent() }}

**kevin254kl** · 14/02/2017, 00h40

Bonjour,

Tu as bien mis tes dossiers js et css dans le dossier web?

**bilbot** · 20/02/2017, 14h41

Dans la documentation de symfony, il est indiqué que bootstrap est intégré nativement dans le framework. Il suffit juste de l'activer :

https://symfony.com/doc/current/refe...tion/twig.html

L'activation va faire en sorte de mettre les class de bootstrap directement sur les champs.

Ensuite il faut intégrer la librairie bootstrap (js et css) en ne pas oublier d'exécuter la commande assets:install pour que les fichiers soient publiées dans le dossier web de ton application.

Si ça ne marche toujours pas regarde dans la console de chrome pourquoi les fichiers ne se chargent pas (404...)

Utilisation de Bootstrap

Symfony PHP

Vue hybride

Discussions similaires

Partager

Partager