Twitter Bootstrap - Différence entre le conteneur, la rangée et la portée

Question

Lors de l'utilisation de Twitter Bootstrap, dois-je nest une ligne div dans une div conteneur et de mettre toute ma durée divs dans les lignes imbriquées? C'est que la meilleure pratique?

Ce que si je mets durée divs directement dans ma ligne de div et de ne pas enfermer la ligne div dans une div conteneur?

Ce que si je mets durée divs directement dans mon div conteneur, sans l'aide de la ligne div à tous?

Tout ce que je sais est qu'un conteneur est 940p et une ligne est 960px. Cependant, j'ai vu des exemples où une rangée div a été mis à l'intérieur d'un div conteneur. Est-ce que cela va aider ou est-ce que l'écran salissant?

Merci de m'expliquer les meilleures méthodes à suivre et dans quelles circonstances.

Merci

Answer 1

En général, vous utilisez le conteneur > ligne > span

Je ne peux pas penser à un exemple où la les 2 autres options vous vous posez au sujet de casser quoi que ce soit, mais ils ne peuvent pas vous donner les résultats que vous voulez.

Emballage tout dans le conatiner div sera de gérer la largeur de la page et à côté de rembourrage. À l'aide de la ligne div fera en sorte que votre travées sont placées de la façon dont vous le souhaitez. Par exemple, imaginez 2 lignes qui ont juste un seul span4. Si vous n'utilisez pas la ligne div 2 span4s va flotter un à côté de l'autre au lieu d'être empilés verticalement.

Il existe de nombreux cas où vous aurez conteneurs imbriqués dans un Bootstrap de mise en page, la première que vous aurez probablement rencontré est dans la barre de navigation, et une fois que vous commencez à l'aide de liquide de Bootstrap mises en page, vous verrez que le conteneur divs sont pas toujours 940px, mais si vous vous en tenez à le conteneur > ligne > durée de l'arrangement, il vous fera économiser de chagrin, surtout si vous êtes juste de commencer.

Bonne chance!

Answer 2

Vous n'avez pas besoin d'avoir un row à l'intérieur d'un container, mais à l'aide de l' container permettra de s'assurer que le récipient soit bien centré dans l'ensemble de la page, même avec des marges depuis container a margin-left:auto;margin-right:auto; dans le CSS.

Utiliser row lorsque vous souhaitez spanXs'à apparaître sur la même ligne.

spanX's qui ne sont pas à l'intérieur d' row s'occupera de l'emballage.

Voici une démo qui va vous montrer les différences

Answer 3

Un row est conçu pour aller à l'intérieur d'un container. Un span est conçu pour aller à l'intérieur d'un row.

Le rendu pourrait obtenir imprévisible, si vous y allez avec toute autre combinaison outre conteneur > ligne > span .

En définitive, si votre code fonctionne, alors vous faites bien. Il n'y a pas de raison de s'enfermer dans ce que d'autres personnes l'ont fait. MAIS si vous la changez, assurez-vous que c'est pour une bonne raison, et que vous commenter le code partout pour expliquer votre processus de pensée.