Le bouton bootstrap ne s'affiche pas
Diego987
Messages postés
75
Statut
Membre
-
jordane45 Messages postés 40050 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 40050 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
toujours dans les même tutos, je n'arrive pas à faire afficher le bouton ni sont glyphicon.
j'ai :

èt je devrais avoir :

Merci de vos réponses.
Diego
toujours dans les même tutos, je n'arrive pas à faire afficher le bouton ni sont glyphicon.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=devise-width, initial-scale=1">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" ></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<nav class="navbar fixed-top navbar-expand-sm bg-dark ">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="monMenu">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand"href="#">Nom du Site</a>
</div>
<div class="collapse navbar-collapse" id="monMenu">
<ul class="navbar-nav">
<li class="nav-item"><a class="nav-link" href="#">Accueil</a></li>
<li class="nav-item"><a class="nav-link" href="#">Qui sommes nous?</a></li>
<li class="nav-item"><a class="nav-link" href="#">Nos projets</a></li>
<li class="nav-item"><a class="nav-link" href="#">Contact</a></li>
<li class="nav-item"><a class="nav-link" href="#"><span class="glyphicon glyphicon-log-in"></span> login</a></li>
</ul>
<ul class="navbar-nav navbar-right">
</ul>
</div>
</div>
</nav>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
<h1>Contenu</h1>
</body>
</html>
j'ai :

èt je devrais avoir :

Merci de vos réponses.
Diego
A voir également:
- Le bouton bootstrap ne s'affiche pas
- Le clavier de mon telephone ne s'affiche plus - Guide
- Diagnostic bouton photo - Accueil - Outils
- Ma clé usb ne s'affiche pas - Guide
- Bouton shift pc - Forum Jeux vidéo
- Que veut dire le bouton off - Forum PC portable
1 réponse
Et....Toujours pas la bonne version de bootstrap pour ton tuto ...
Tu suis un tuto bootstrap 3.... Alors que toi tu utilises bootstrap 4...
Tu suis un tuto bootstrap 3.... Alors que toi tu utilises bootstrap 4...
jordane45
Messages postés
40050
Date d'inscription
Statut
Modérateur
Dernière intervention
4 758
Et pour t'aider : https://lmgtfy.app/?q=bootstrap+4+navbar
jordane45
Messages postés
40050
Date d'inscription
Statut
Modérateur
Dernière intervention
4 758
Et pour les glyphicon en BS4 : https://www.w3schools.com/bootstrap4/bootstrap_icons.asp