CSS bootstrap l'emporte sur mon fichier css
Bonjour
J'utilise bootstrap pour mon site mais je n'arrive pas à changer le padding de mon navbar. En effet , dans bootstrap, le padding du navbar est défini comme ceci:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| .navbar {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0.5rem 1rem;
} |
Mais lorsque je change le padding dans mon fichier css,celui-ci n'est pas pris en compte, c'est-à-dire que c'est le padding du bootstrap qui est pris en compte:
Code:
1
2
3
| .navbar {
padding: 1px 1px;
} |
Et normalement ce n'est pas pratique de supprimer le padding du bootstrap.
Merci
