css - filas - Diferencias entre contenedor, fila y tramo en Bootstrap
panel bootstrap 4 (3)
En general, usaría container> row> span
No puedo pensar en un ejemplo en el que las otras 2 opciones sobre las que preguntas puedan romper cualquier cosa, pero es posible que no te den los resultados que deseas.
Envolver todo en el div conatiner administrará el ancho de la página y el relleno lateral. El uso de la fila div asegurará que sus tramos se distribuyan de la manera que desee. Por ejemplo, imagine 2 filas que cada una tiene solo un span4. Si no usa el divisor de filas, los 2 span4s flotarán uno al lado del otro en lugar de apilarse verticalmente.
Hay muchos casos en los que tendrá contenedores anidados en un diseño Bootstrap, el primero que probablemente encontrará en la barra de navegación, y una vez que comience a usar diseños fluidos de Bootstrap verá que los contenedores div no siempre son de 940px, pero si te apegas a la disposición contenedor> fila> tramo te ahorrará un poco de dolor, especialmente si estás empezando.
¡Buena suerte!
Al usar Twitter Bootstrap, ¿debo anidar un div de fila dentro de un contenedor div y poner todos mis divs span dentro de la fila anidada? ¿Esa es la mejor práctica?
¿Qué pasa si pongo span divs directamente dentro de mi div de fila y no encierre el div de fila dentro de un div de contenedor?
¿Qué ocurre si pongo divisiones de división directamente dentro de mi divisor de contenedor, sin usar el div de fila en absoluto?
Todo lo que sé es que un contenedor mide 940px y una fila mide 960px. Sin embargo, he visto ejemplos donde un div de fila se ha puesto dentro de un contenedor div. ¿Eso va a ayudar o hará que la exhibición se vuelva desordenada?
Por favor, explíqueme los mejores métodos para seguir y bajo qué circunstancias.
Una row está diseñada para ir dentro de un container . Un span está diseñado para ir dentro de una row .
La representación puede volverse impredecible si vas con cualquier otra combinación además de contenedor> fila> intervalo .
En definitiva, si tu código funciona, entonces lo estás haciendo bien. No hay razón para encerrarse en lo que otras personas han hecho. PERO si lo cambias, asegúrate de que sea por una buena razón y de que comentes el código en todas partes para explicar tu proceso de pensamiento.
Debería tener una row dentro de un container , ya que el uso del container garantizará que el contenedor esté uniformemente centrado en toda la página con márgenes uniformes ya que el container tiene margin-left:auto;margin-right:auto; en el CSS.
Utilice la row cuando desee que spanX aparezca en la misma línea.
spanX que no están dentro de la row se envolverán.