Sujet Précédent Sujet Suivant

Boostrap : container-fluid ne marche pas < 1200 px

Fermé
flo_691 Messages postés 112 Date d'inscription lundi 28 mai 2012 Statut Membre Dernière intervention 21 septembre 2020 - Modifié le 22 oct. 2018 à 21:34
flo_691 Messages postés 112 Date d'inscription lundi 28 mai 2012 Statut Membre Dernière intervention 21 septembre 2020 - 23 oct. 2018 à 18:53
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 dimanche 27 mars 2016 Statut Membre Dernière intervention 30 octobre 2021 37
23 oct. 2018 à 16: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 lundi 28 mai 2012 Statut Membre Dernière intervention 21 septembre 2020 5
Modifié le 23 oct. 2018 à 18:56
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