3 Réponses :
C'est parce que vous ne déclarez pas la largeur de la rangée, j'ai donc ajouté Col-12 à la ligne, puis d'autres divisez-les en fonction de la parente parent, ne le déborde ni déborder;
de
Cela peut être fait comme ça.
p>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<footer class="col-12">
<div style="background-color: #0198d1;" class="row">
<div class="col-4" style="background-color: #0198d1;"> <span>test</span>
</div>
<div class="col-4 text-center" style="background-color: #0198d1;">
<span >test</span>
</div>
<div class="col-4 text-right" style="background-color: #0198d1;">
<span>test</span>
</div>
</div>
</footer>Bien que cela fonctionne, ce n'est pas correct car le col doit toujours être à l'intérieur de la ligne.
J'ai trouvé aussi une autre solution
@Ahmedali c'est la solution . la rangée doit être à l'intérieur du conteneur et du col intérieur
Ecraser la marge négative de Problème: p> code> à 0px .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0px!important;
margin-left: 0px!important;
}
Considérez la coche verte si vous aide.
Utilisez
HTML {Overflow-X: masqué; } dans votre style