Duda bootstrap push y pull

[baldaweb]

Me gustaría que el div de email bajase a una nueva línea cuando es tamaño 992, me gustaría hacerlo con push y pull de bootstrap, ya que uso este framework para maquetar.

Independientes así es como quedaría. Pero quiero hacerlo en un solo bloque.

1200px

Código CSS:

<div class="row">
<div class="col-lg-4">
proveedor  
</div>
<div class="col-lg-4">
email 
</div>
<div class="col-lg-4">
fecha
</div>
<div class="col-lg-12">
contenido
</div>
</div>
 

992px

Código CSS:

<div class="row">
<div class="col-md-6">
proveedor  
</div>
<div class="col-md-6">
fecha
</div>
<div class="col-md-12">
email
</div>
<div class="col-md-12">
contenido
</div>
</div>
 

[Ito79]

Hola,

Lo mejor es que uses Media Queries que te permiten "maquetar" para cada tamaño de pantalla entre otras cosas. Leete por ejemplo esta URL:
https://developer.mozilla.org/en-US/..._media_queries

Básicamente irás poniendo etiquetas @media en tu .css indicando a que medidas aplican. Por ejemplo:
@media (min-width: 1200px) { ... }
@media (min-width: 992px) { ... }

Y el navegador irá aplicando los estilos que toquen al browser del usuario.

Espero que te ayude,
Un saludo

[baldaweb]

Gracias por la respuesta.

Lo de las Media Queries es como última opción, ocultar y activar divs se como hacerlo.

Pero dentro de los divs van inputs de un formulario, y quiero que mantengan el id. Y me gustaría saber si se puede usar pull y push para posicionar los divs, lo he intentado pero no me sale.

[baldaweb]

para que quede más claro.

Quiero pasar de esto (lg):
[proveedor-5][email-5][fecha-2]
[contenido-12]

A esto otro (md):
[proveedor-6][fecha-6]
[email-12]
[contenido-12]