[BootStrap] Imbrication de .container, .row et .col-xs-12
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:
1
2
3
4
5
6
|
@media (max-width: 575px) {
.container {
width: 94%;
}
} |
Code:
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 ?
