contenedores responsive con bootstrap

[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