contenedores responsive con bootstrap

[Sirakx]

hola muy buenas noches! quiero ver si se puede hacer que un contenedor div "vertical" pase a horizontal este div tiene 3 contenedores pequeños de 200x150px y alado de ese div se muestra información de la página, lo que quiero es que el div pase a vertical y la información de la página se posicione debajo de ellos.

espero haberme explicado bien aún así les dejo una imagen de lo que quiero:

esta es estando normal:


esta cuando la esten haciendo pequeña:


y este cuando este pequeña:


cuando esté lo más pequeño estaría bien que se centren los divs! y de antemano muchas gracias.

[rodrypaladin]

Pero tienes algo hecho?? o lo que quieres es que te lo demos todo ? Si tienes algo hecho ponlo y si está mal intentaremos corregirlo, para que de paso aprendas :P

[Sirakx]

Pues lo haría pero solamente colocaria los divs fijamente y pues creo que no serviría de nada. ya que no se como crear esos efectos de responsive.

Solo necesito lo que pido lo mas simple que se pueda pero que funcione a lo que pido, muchas gracias como no estoy en tiempo ahorita mas tarde subo lo que pueda hacer.

[rodrypaladin]

Bueno... Te recomendaria muy insistentemente que te vieras como funciona el grid de Bootstrap Pues es esencial y obligatorio entenderlo para trabajar con Bootstrap, insisto leelo.

Código HTML:

<div class="row">
    <div class="col-xs-12 col-sm-12 col-md-3">
        <div class="col-xs-12 col-sm-4 col-md-12">
            <p>Columna 1</p>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-12">
            <p>Columna 2</p>
        </div>
        <div class="col-xs-12 col-sm-4 col-md-12">
            <p>Columna 3</p>
        </div>
    </div>
    <div class="col-xs-12 col-sm-12 col-md-9">
        <p>Columna 4</p>
    </div>
</div>
 

col-lg-X: Tamnaño en columnas que le das al div en resolución de escritorio grande
col-md-X: Tamaño en columnas que le das al div en resolución de escritorio mediana
col-sm-X Tamaño en columnas que le das al div en resolución de tablets o pantallas de escritorios pequeñas
col-xs-X: Tamaño en columnas que le das al div en resolución de pantallas de móviles

Solo tienes que jugar con las clases las cuales dan la forma y los tamaños al grid. Insisto en que tienes que estudiarte el sistema grid de Bootstrap para usarlo, si no..para lo proximo que quieras hacer tendrás que pedir ayuda de nuevo