Le bouton bootstrap ne s'affiche pas

Signaler
Messages postés
35
Date d'inscription
vendredi 28 décembre 2018
Statut
Membre
Dernière intervention
21 juin 2020
-
Messages postés
28935
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juillet 2020
-
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

Messages postés
28935
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juillet 2020
2 608
Et....Toujours pas la bonne version de bootstrap pour ton tuto ...
Tu suis un tuto bootstrap 3.... Alors que toi tu utilises bootstrap 4...
Messages postés
28935
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juillet 2020
2 608
Messages postés
28935
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
9 juillet 2020
2 608