Problème dans l'installation de Bootstrap

Version imprimable

Bonjour,

J'aimerais installer Bootstrap pour pouvoir l'utiliser dans mes projets Symfony2. Pour l'installer, j'ai compris qu'il fallait copier les dossier CSS, fonts et JS dans le répertoire web.

Par contre, lorsque j'essaie des exemples de bootstrap, cela ne fonctionne pas.

Exemple:
Dans un fichier essai-test.html.twig:
Code:

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 {% extends "StephanBlogBundle::layout.html.twig" %} {% block title %} {{ parent() }} - Introduction à Bootstrap {% endblock %} {% block body %} {{ parent() }} <h1>Un exemple de dropdown: {{ name }} </h1> <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> Dropdown <span class="caret"></span> </button> <ul class="dropdown-menu" aria-labelledby="dropdownMenu1"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> <li><a href="#">Separated link</a></li> </ul> </div> {% endblock %}
et dans layout.html.twig:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 <! DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8" /> <title>{% block title %} Blog sur Bootstrap {% endblock %}</title> </head> <body> {% block body %} Il s'agit d'un test de bootstrap. {% endblock %} </body> </html>
Mais je n'ai pas le résultat attendu. Peut être qu'il faille faire autre chose.

Pouvez m'éclairer s'il vous plaît?

Je vous remercie par avance,

18/06/2015, 04h25
MehrezLabidi

tu doit faire comme d habitude , des css et js dans dossier public puis asset install .
J ai pas compris qu es ce que ça va pas , dans ton layout t'as pas fait des appels pour tes fichiers js et css !!

Effectivement!

En ajoutant les assets, ça fonctionne mieux.

layout.html.twig:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<! DOCTYPE HTML>
<html>
 
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
		<title>{% block title %} En ajoutant les assets: {% endblock %}</title>
	</head>
 
	<body>
		{% block stylesheets %}
			<link rel="stylesheet" href="{{ asset('css/bootstrap.min.css') }}" type="text/css" />
			<link rel="stylesheet" href="{{ asset('css/bootstrap-theme.min.css') }}" type="text/css" />
			<link rel="stylesheet" href="{{ asset('css/style.css') }}" type="text/css" />
		{% endblock %}
 
		{% block body %}
			Un blog sur symfony 2.
		{% endblock %}
	</body>
 
</html>

Merci