Bonjour,
Je viens de faire une page avec BootStrap et les menus déroulants ne fonctionne pas alors que j'ai suivit le code source à la lettre, la page s'affiche correctement mais quand je clique sur le menu qui devrait se dérouler rien ne se passe. J'ai beau regarder et reregarder je ne trouves pas le problème... Une boite de chocolat à celui qui trouve ^^
Voici mon code:
Code html : 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82 <!DOCTYPE html> <html lang="fr"> <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=""> <title>Caranille</title> <link href="http://radio-virtuelle.fr/Caranille/Design/css/bootstrap.min.css" rel="stylesheet"> <link href="http://radio-virtuelle.fr/Caranille/Design/css/navbar.css" rel="stylesheet"> </head> <body> <div class="container"> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <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> <a class="navbar-brand" href="#">Caranille</a> </div> <div id="navbar" class="navbar-collapse collapse"> <ul class="nav navbar-nav"> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Le jeu<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="http://radio-virtuelle.fr/Caranille/Modules/Main/index.php">Accueil</a></li> <li><a href="http://radio-virtuelle.fr/Caranille/Modules/Presentation/index.php">Présentation</a></li> <li><a href="http://radio-virtuelle.fr/Caranille/Modules/DeleteAccount/index.php">Supprimer mon compte</a></li> <li><a href="http://radio-virtuelle.fr/Caranille/Modules/About/index.php">About</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Mon compte<span class="caret"></span></a> <ul class="dropdown-menu"> <li><a href="http://radio-virtuelle.fr/Caranille/Modules/Register/index.php">Inscription</a></li> <li><a href="http://radio-virtuelle.fr/Caranille/Modules/Login/index.php">Connexion</a></li> <li><a href="http://radio-virtuelle.fr/Caranille/Modules/DeleteAccount/index.php">Supprimer mon compte</a></li> </ul> </li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Communautée<span class="caret"></span></a> <ul class="dropdown-menu"> </ul> </li> </ul> <ul class="nav navbar-nav navbar-right"> </ul> </div> </div> </nav> <div class="jumbotron"> <br><div class="panel panel-warning"> <div class="panel-heading"> <h3 class="panel-title">News publiée le 2015-12-07 08:49:27 par admin</h3> </div> <div class="panel-body"> <h4>Installation de Caranille</h4> Félicitation Caranille est bien installé, vous pouvez éditer cette news ou la supprimer </div> </div> </div> <p> <div class="panel panel-info"> <div class="panel-body"> <center><a href="https://github.com/Caranille/Caranille">RPG made with Caranille</a><br/> Execution time: 0.295 seconds</center> </div> </div> </p> </div> <script src="http://radio-virtuelle.fr/Caranille/Design/js/bootstrap.min.js"></script> <script src="http://radio-virtuelle.fr/Caranille/Design/js/jquery.js"></script> </body> </html>
Je ne comprends pas les fichiers CSS sont bien chargé tout comme Jquery (Même Firefox ne trouve aucune erreur et ça fait 2 heures que je suis dessus...)
Voici un site qui utilise ce code et auxquel ça fonctionne:
http://getbootstrap.com/examples/navbar/
Merci énormément de votre aide wink
Partager