Style CSS avec bootstrap

**barbierp** · 29/08/2015, 18h07

Bonjour,
Je suis débutant en programmation et je viens de me mettre au bootstrap.
J'aimerais savoir comment ajouter une nouvelle feuille de style en plus de celle de bootstrap.
J'ai pourtant ajouté cette ligne là à mon head de index.php :

Code :

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

<link href="style/style.css" rel="stylesheet" >

Et j'ai bien créé ma page style.css dans le dossier style. De plus, le fichier est bien trouvé vu que PhpStorm ne me le surligne pas en jaune.
Donc le lien est bien créé.

Pourtant quand j'ajoute un bouton dans ma page index.php :

Code :

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

<button type="button" class="btn btn-default">Left</button>

Et que je rentre ça dans mon fichier style.css :

Code :

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

1
2
3
4
5
6
7
8
9
10
.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.btn-lg.round {
    border-radius: 24px;
}

Le bouton ne change pas que le fichier style.css soit vide ou soit rempli avec le code ci-dessus.

Pouvez-vous m'aider svp ?

Merci

**NoSmoking** · 30/08/2015, 10h02

Bonjour,
as tu suivi les recommandations d'usage, ton fichier CSS en dernier ?

Code html :

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

1
2
3
4
        <style type="text/css">
            /* CSS used here will be applied after bootstrap.css */
        </style>
    </head>

si oui tu peut avaoir également un problème de spécificité de sélecteur, voir Règles d'application des styles CSS et gestion des conflits.

**barbierp** · 31/08/2015, 17h03

Oui j'ai bien mit mon fichier css en dernier de tous les fichiers css. Il y a juste les script js qui sont après.
Voilà mon header :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<head>
    <meta charset="utf-8">
 
    <!-- Le styles -->
    <link rel="stylesheet" href="style/font-awesome/css/font-awesome.min.css">
    <link href="style/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="style/style.css" rel="stylesheet" >
 
    <!-- Latest compiled and minified JavaScript -->
    <script src="style/bootstrap/js/jquery.js"></script>
    <script src="style/bootstrap/js/bootstrap.min.js"></script>
</head>

Et d'après ce que j'ai compris du CSS, le problème ne viendrait pas de moi, mais peut-être de mon hébergeur qui raffraichi ses caches serveurs toutes les x minutes.
Je vois donc avec mon hébergeur si le problème vient d'eux ou pas et je vous tient au courant

Merci de ta réponse

**barbierp** · 01/09/2015, 13h00

Le problème venait en fait de mon hébergeur qui ne rafraîchi les caches de son serveur que toutes les 20 minutes.

Style CSS avec bootstrap

Framework CSS Bootstrap

Vue hybride

Discussions similaires

Partager

Partager