Discussion :

[flamant]

Bonjour, j'utilise bootstrap pour imbriquer des div avec les classes container, row et col-xs-12

j'utilise la classe container pour parent de ma hierarchie

Code :

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

1
2
3
4
5
6
 
@media (max-width: 575px) {
  .container {
    width: 94%;
  }
}

Code :

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

1
2
3
4
5
6
7
8
9
    <div class="container mt-5" _ngcontent-mrq-c2="">
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" _ngcontent-mrq-c2=""></div>
        <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" _ngcontent-mrq-c2="">
            <div class="row" _ngcontent-mrq-c2="">
                <div class="col-xs-12" _ngcontent-mrq-c2=""> -> LA CLASSE col-xs-12 N'APPARAIT PAS DANS LES LOGS CSS DE FIREBUG
                    <div class="row" _ngcontent-mrq-c2="">
                        <div class="col-xs-12" _ngcontent-mrq-c2="">  -> LA LARGEUR (WIDTH) N'EST PAS RESPECTE PAR RAPPORT A LA CLASSE  container. LA LARGEUR DE CET CET ELEMENT DEPASSE CELLE DU CONTAINER, de plus LA CLASSE col-xs-12 N'APPARAIT PAS DANS LES LOGS CSS DE FIREBUG

voir les 2 commentaires ci-dessus dans le code

-> LA CLASSE col-xs-12 N'APPARAIT PAS DANS LES LOGS CSS DE FIREBUG

and

-> LA LARGEUR (WIDTH) N'EST PAS RESPECTE PAR RAPPORT A LA CLASSE container. LA LARGEUR DE CET CET ELEMENT DEPASSE CELLE DU CONTAINER, de plus LA CLASSE col-xs-12 N'APPARAIT PAS DANS LES LOGS CSS DE FIREBUG

Comment faire pour que la hierarchie des élément soit correct ?

[flamant]

Bonjour, j'ai finalement trouvé une solution sans la comprendre

Partout où il y avait

col-xs-12

je l'ai remplacé par

col-xs-12 col-sm-12 col-md-12 col-lg-12 col-xl-12

Et ca marche