Le bouton bootstrap ne s'affiche pas

Diego987 Messages postés 64 Date d'inscription   Statut Membre Dernière intervention   -  
jordane45 Messages postés 38486 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. 
<!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

1 réponse

Réponse 1 / 1
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Et....Toujours pas la bonne version de bootstrap pour ton tuto ...
Tu suis un tuto bootstrap 3.... Alors que toi tu utilises bootstrap 4...
1
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Et pour t'aider : https://lmgtfy.app/?q=bootstrap+4+navbar
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Et pour les glyphicon en BS4 : https://www.w3schools.com/bootstrap4/bootstrap_icons.asp
0

Discussions similaires

Où est la touche SHIFT sur mon clavier d'ordi ?
joe! -
fernando-_ytb -

18 réponses
Quel est la touche shift sur le clavier
paoade -
PRIPRI -

8 réponses
Bouton ON OFF, O ou I ?
Stargirlfr -
kaparzo23 -

12 réponses
probleme bouton on off
thepsypyrox -
lavoix_du_client -

1 réponse
ou est la touche shift sur un clavier
Mathis -
Maelstrom -

4 réponses