Le bouton bootstrap ne s'affiche pas

Fermé

Diego987 Messages postés 64 Date d'inscription vendredi 28 décembre 2018 Statut Membre Dernière intervention 9 janvier 2024 - 4 juin 2020 à 23:22
jordane45 Messages postés 38136 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 avril 2024 - 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

A voir également:

Le bouton bootstrap ne s'affiche pas
Le clavier de mon telephone ne s'affiche plus - Guide
Bouton shift pc ✓ - Forum Jeux vidéo
Réinitialiser chromecast sans bouton - Guide
Ce programme est écrit en python. il construit un mot secret dans une variable mais il ne l'affiche pas. modifiez-le pour qu'il affiche le mot secret. exécutez-le. quel est ce mot secret ? ✓ - Forum Python
Pas de bouton acheter sur le bon coin ✓ - Forum Consommation & Internet

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38136 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 avril 2024 4 649
5 juin 2020 à 06:46

Et....Toujours pas la bonne version de bootstrap pour ton tuto ...
Tu suis un tuto bootstrap 3.... Alors que toi tu utilises bootstrap 4...

jordane45 Messages postés 38136 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 avril 2024 4 649
5 juin 2020 à 07:18

Et pour t'aider : https://lmgtfy.app/?q=bootstrap+4+navbar

jordane45 Messages postés 38136 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 avril 2024 4 649
5 juin 2020 à 07:19

Et pour les glyphicon en BS4 : https://www.w3schools.com/bootstrap4/bootstrap_icons.asp

Discussions similaires

programme qui n'affiche pas le mot secret

Où est la touche SHIFT sur mon clavier d'ordi ?

Bouton ON OFF, O ou I ?

impossible de voir les photos et videos sur une conversation messenger

Facebook ne signale pas mon anniversaire

Discussions similaires

Newsletters