Elementos responsive

[fede5426]

Lo que tiene bootstrap es que es Mobile First.. dalfageme si no sabes que significa esto, es que trabaja de pantallas de menor a mayor tamaño.. es decir, si aplicas un estilo para móviles, usando por ejemplo col-xs-5, se va a ver así para todos los dispositivos, pero si usas solo col-lg-5, solo va ocupar 5 columnas en pantallas grandes, me explico?

Para tu proyecto, debería quedarte así:

Código HTML:

<div class="row">
  <div class="col-xs-12 col-sm-4"></div>
  <div class="col-xs-12 col-sm-4"></div>
  <div class="col-xs-12 col-sm-4"></div>
</div>
 

Con col-xs-12 indicas que cuando se vea en pantallas de móviles (xs) ocupen todo el ancho de la pantalla.. y con col-sm-4 indicas que en móviles horizontal y el resto de dispositivos (de small en adelante), se vean 3 elementos por fila, es decir que ocupen solo 4 columnas (4 + 4 + 4 = 12 del total de bootstrap).

Soy nuevo en BS, pero de esa manera lo tengo entendido, si me equivoque en algo por favor que alguien me corrija.

Saludos