Boostrap : container-fluid ne marche pas < 1200 px

flo_691 Messages postés 112 Date d'inscription   Statut Membre Dernière intervention   -  
flo_691 Messages postés 112 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai mis une bannière sur toute la largeur de mon site codé avec boostrap, donc en utilisant .container-fluid
Cependant, je remarque avec l'outil de développement Google, qu'au delà de 1200 px, ma bannière ne va pas jusqu'à la largeur de la page. Auriez-vous une idée ? Merci pour votre aide 

    <div class="container-fluid">
        <div class="row">
            <div class="mt-4">
                <img src="banner-1.jpg" class="img-fluid" alt="Responsive image">
            </div>
        </div>
    </div>




2 réponses

Réponse 1 / 2
1Seb Messages postés 166 Date d'inscription   Statut Membre Dernière intervention   38
 
Bonjour,

Difficile à dire sans voir le code complet ou une url.
Peut-être que l'image fait que 1200px ou moins.

Chez moi ça fonctionne bien avec : body{margin:0;}

Sinon :
https://getbootstrap.com/docs/4.0/content/images/
http://monbootstrap.fr/centrer-une-image-bootstrap-4/
0
Réponse 2 / 2
flo_691 Messages postés 112 Date d'inscription   Statut Membre Dernière intervention   5
 
La bannière fait exactement 2000 px en largeur.

Je ne comprends pas où mettre body{margin:0;} ?

Les styles css sont tous hébergés en CDN. J'ai codé ma page web avec un seul fichier html et les images. Il s'agit donc de boostrap dernière version sans modifications des styles sources

Merci pour votre aide

0

Discussions similaires

Problème classe hidden boostrap
Jacksons69 -
Toomad -

2 réponses