Bonjour,
Je me permets de poster car je rencontre un petit problème, mes navbar avec bootstrap me donne une simple liste ul li et pas une barre de navigation.
Pouvez vous m'aider et me dire d’où vient mon erreur.
d'avance merci
voici le 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 <!DOCTYPE html> <html lang="fr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link type="text/css" rel="stylesheet" href="/dist/bootstrap-4.3.1-dist/css/bootstrap.css"> <link type="text/css" rel="stylesheet" href="style.css"> <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet"> <title>Note</title> </head> <!-- ===== deconnexion ===== --> <div class="container container-padding"> <div class="row"> <form action="fonc/deconn.php"> <input type="text" disabled value="Obierti"> <button>Déconnexion</button> </form> </div> </div> <!-- ===== Menu ===== --> <div class="navbar"> <nav class="navbar pull-right" > <ul class="nav nav-pills"> <li><a href="accueil.php" class="text-white"><span class="glyphicon glyphicon-home"></span> Accueil</a></li> <li><a href="moncompte.php" class="text-white"><span class="glyphicon glyphicon-user"></span> Mon compte</a></li> <li><a href="moncompte.php" class="text-white"><span class="glyphicon glyphicon-user"></span> Ajouter note</a></li> <li><a href="nouprojet.php" class="text-white"><span class="glyphicon glyphicon-pencil"></span> Nouveau projet </a></li> <li><a href="archive.php" class="text-white"><span class="glyphicon glyphicon-inbox"></span> Archive </a></li> </ul> <form class="form-inline my-2 my-lg-0" style="padding-top:20px"> <input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search"> <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button> </form> </nav> </div> <body> </body> <footer> </footer> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <script type="text/javascript" src="dist/jquery.js"></script> <script type="text/javascript" src="dist/bootstrap-4.3.1-dist/js/bootstrap.js"></script> </html>
Partager