[BootStrap 4] Non prise en compte du style

**Diegomarck** · 30/04/2020, 17h45

Je demarre un tuto sur Bootstraps mais je ne vois pas les résultats comme ça devrait être. Peut-être est-ce parce que je travaille sur mac et le tuto est sur pc. Ou peut-être est-ce les liens téléchargés qui sont différent. Qu'en pensez-vous?
Nom : Capture d'écran 2020-04-30 17.25.11.png
Affichages : 365
Taille : 242,5 Ko

Nom : Capture d'écran 2020-04-30 17.25.11.png
Affichages : 365
Taille : 242,5 Ko

Nom : Capture d'écran 2020-04-30 17.26.31.png
Affichages : 365
Taille : 124,8 Ko

La première image est ce que j'ai et la deuxième ce que je devrais avoir.
le code html est :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!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>
 
    </head>
    <body>
        <div class="container" style="margin-top: 50px;">
                        <button type="button" class="btn btn-default">Default</button>
                        <button type="button" class="btn btn-Primary">Primary</button>
                        <button type="button" class="btn btn-success">Success</button>
                        <button type="button" class="btn btn-Info">Info</button>
                        <button type="button" class="btn btn-Warning">Warning</button>
                        <button type="button" class="btn btn-Danger">Danger</button>
                        <button type="button" class="btn btn-link">link</button>
 
        </div>
    </body>
</html>

Merci d'avance.

Invité · 30/04/2020, 18h25

Envoyé par Diegomarck

...Quand pensez-vous?...

Le mardi matin, entre 6h45 et 7 heures moins le quart.

Invité · 30/04/2020, 18h32

Plus sérieusement...

1- Je ne sais pas quel "tuto sur Bootstrap" tu utilises, mais OUBLIE.
En l'occurrence, le problème vient des majuscules dans les noms des classes : il n'en faut pas !
(ex. : ce n'est pas btn-Primary, mais btn-primary)

2- Il suffit d'aller sur le site de Bootstrap, et tu y trouveras tout, notamment dans Components.

**Diegomarck** · 30/04/2020, 21h32

Merci, c'était bien ça!! Bien vu!

[BootStrap 4] Non prise en compte du style

Framework CSS Bootstrap

Vue hybride

Discussions similaires

Partager

Partager