Imbrication d'une classe de conteneur dans une classe de fluide conteneur dans Bootstrap 3?
À part le problème de remplissage, pourquoi n'est-il pas conseillé de nid .conteneur en .conteneur de fluide?
Si vous le zéro de l'enfant de remplissage de conteneurs (comme indiqué dans mon code ci-dessous), l'effet est le même que d'avoir un récipient de toute façon. Aussi, il semble que le fait d'avoir différents complète et d'une largeur fixe de mise en page est assez fréquent de nos jours. Je sais ce que dit la documentation (LIEN), mais je suis curieux de savoir si quelqu'un sait de quoi que ce soit d'autre que le problème de remplissage qui justifie cette mise en œuvre n'étant pas recommandé. Est-ce l'une annotation supplémentaire ou quelque chose d'autre que je suis absent?
La raison pour laquelle je demande, c'est que j'ai cette mise en œuvre sur un certain nombre de sites récemment et vu apparemment pas de problèmes avec elle dans les tests que j'ai fait. Je me demande si il y a d'autres problème potentiel(s) qui rôde, qui serait la cause pour moi d'envisager d'arrêter cette pratique.
CSS
.container-fluid .container {
padding-left:0;
padding-right:0;
}HTML
<div class="container-fluid" style="background-color:aliceblue;">
<div class="row">
<div class="col-xs-12">
<div class="container">
<div class="row">
<div class="col-xs-6" style="background-color:violet">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</div>
<div class="col-xs-6" style="background-color: lightblue">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-4" style="background-color:pink">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</div>
<div class="col-xs-4" style="background-color: red">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</div>
<div class="col-xs-4" style="background-color:blue">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</div>
</div>
</div>source d'informationauteur Opaw Nako
Vous devez vous connecter pour publier un commentaire.
Après des recherches sur cette question, je pense avoir une bonne réponse à cette question. Basé sur ce que j'ai trouvé, il semble que la Bootstrap, documentation et la des exemples sur le site de Bootstrap en contradiction avec la recommandation que le conteneur des classes ne peuvent pas être imbriqués. C'est reconnu dans le repo. Il semble donc que la recommandation dans la documentation sur l'imbrication des conteneurs et résultant problème de remplissage causée par conteneurs imbriqués est le seul vrai souci avec ce problème, que je n'ai pas trouvé d'autres problèmes avec elle.
Dans le repo j'ai trouvé un autre solution potentielle qui a recommandé la modification des marges sur les conteneurs imbriqués. Mais je pense que ma solution de la mise à zéro, l'enfant de remplissage de conteneurs, comme indiqué dans la question initiale, est un peu plus pratique et simple car aucun additionnelle est nécessaire pour atteindre l'effet désiré. Je vais inclure les marges solution de le repo ici pour référence. Essentiellement, il s'agit d'ajouter une fixe de classe pour le conteneur parent puis en appliquant négatif marges gauche et droite sur chaque conteneur imbriqué à l'intérieur de la mère. Notez que cette solution ne s'applique pas aux instances de conteneurs imbriqués dans un conteneur de fluide. Seulement pour les conteneurs imbriqués dans d'autres conteneurs.
CONTENEURS IMBRIQUÉS DANS DES CONTENEURS
HTML
CSS
Exemple sur Bootply
CONTENEURS IMBRIQUÉS DANS UN CONTENEUR DE FLUIDE
CSS
HTML
Exemple sur Bootply
Pour conclure, bien qu'il n'est pas recommandé, il est facilement possible d'imbriquer des conteneurs et dans le bon contexte, il peut effectivement être utile, comme dans les cas où une disposition variable fixe et toute la largeur du contenu. Mais un examen attentif et des ajustements doivent être faits pour tenir compte du problème de remplissage qui résulte de l'imbrication des conteneurs.