Le bouton bootstrap ne s'affiche pas

Diego987 Messages postés 75 Statut Membre -
jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention - 5 juin 2020 à 07:19

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

Afficher la suite

1 réponse

Réponse 1 / 1
jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830

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
1. jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830
  
  Et pour t'aider : https://lmgtfy.app/?q=bootstrap+4+navbar
  
  0
2. jordane45 Messages postés 30426 Date d'inscription Statut Modérateur Dernière intervention 4 830
  
  Et pour les glyphicon en BS4 : https://www.w3schools.com/bootstrap4/bootstrap_icons.asp
  
  0

Le bouton bootstrap ne s'affiche pas

1 réponse

Discussions similaires

Newsletters