Cómo defino la cantidad de columnas en el entorno general de trabajo con Bootstrap

[GendeDios]

Hola colegas.

Estoy realizando un trabajo usando bootstrap y tengo lo siguiente

defino lo siguiente:

Código:

<div class="container">
        <div class="row">
   		<div class="col-md-12">
   			Contenido.
   		</div>
        </div>
</div>

Mi preguntas son:

1. Con el hecho de haber declarado <div class="col-md-12"> la primera vez he definido todo el layout de la pagina como entorno de trabajo a 12 columnas o hay que hacer algo adicional para definir a cuantas columnas de bootstrap voy a trabajar?

2. En toda esa misma pagina dentro de las filas "tengo" que trabajar en cada fila con divs que entre todos sumen 12 columnas de bootstrap? o puedo por ejemplo hacer así también:

Código:

<div class="container">
   <div class="row">
   		<div class="col-md-12">
   			Contenido.
   		</div>
   </div>
   <div class="row">
   		<div class="col-md-5">
   			Contenido2.
   		</div>
   		<div class="col-md-5">
   			Contenido3
   		</div>
   </div>
   <div class="row">
   		<div class="col-md-1">
   			Contenido4
   		</div>
   </div>
</div>

Agradecido quedó por sus respuestas. Saludos.

[GendeDios]

Hola!
Puede alguien ayudarme con esta pequeña cuestión¿ o remitirme a un manual o tutorial donde expliquen este tema resolviendo este punto de vista que hoy me tiene en la incognita.
Gracias.

[alpe2000]

Iniciado por GendeDios

Hola colegas.

Mi preguntas son:

1. Con el hecho de haber declarado <div class="col-md-12"> la primera vez he definido todo el layout de la pagina como entorno de trabajo a 12 columnas o hay que hacer algo adicional para definir a cuantas columnas de bootstrap voy a trabajar?

2. En toda esa misma pagina dentro de las filas "tengo" que trabajar en cada fila con divs que entre todos sumen 12 columnas de bootstrap? o puedo por ejemplo hacer así también:

col-md-12, no significa que hayas declarado que el layout de la pagina tenga 12 columnas. Significa que vas a usar 12 columnas de las doce que tiene. Bootstrap viene predefinido con 12 columnas, de ancho variable segun el tamaño del navegador.

xs -> hasta 768px
sm -> hasta 992px
md -> hasta 1200px
lg -> mas de 1200px

No tienes que sumar 12, pero si te pasas de 12 se te va a descuadrar la edicion.
Otra precaucion que tienes que tomar es que cada fila tiene 12 columnas y que boostrap intentará "llenarlas"
Por tanto si quieres que una fila tenga solo una columna de 5 pues tienes que "envolverla" en un row.

Código HTML:

<div class="container">
        <div class="row">
   		<div class="col-md-12">
   			Contenido.
   		</div>
        </div>
        <div class="row">
   		<div class="col-md-5">
   			Contenido.
   		</div>
        </div>
        <div class="row">
   		<div class="col-md-4">
   			Contenido 1.
   		</div>
   		<div class="col-md-4">
   			Contenido 1.
   		</div>
   		<div class="col-md-4">
   			Contenido 1.
   		</div>
        </div>
</div> 

¿Lo ideal?... Lo de siempre.... probar y probar.

En la web oficial, viene muy bien explicado el sistema de grid de bootstrap

http://getbootstrap.com/css/#grid

[GendeDios]

Profe, eres de los grandes. Muchas gracias. Aquí me tienes a la orden para crear cosas maravillosas.
Saludos.