Buenas,
estoy maquetando un sitio con bootstrap 3.0 rc1 y andaba todo bien, hasta que probando como se veria con en los celulares con tamaños 320x402px, note que las noticias se ven muy mal:
el código que estoy usando para ese sector es este:
Código HTML:
Ver original
<img class="img-responsive sep" src="website/template/images/sep_noticias.jpg" alt="noticias"/> <div class="col-6 col-sm-6 col-lg-6"> <div class="col-4 col-sm-4 col-lg-4"> <img src="http://localhost/pbcortos//images/images/Lofinews.jpg" style=" width:146px; height:146px;" alt="LO-FI de Milton Secchi, el corto ganador del 7º Festival Pizza, Birra y Cortos" /> </div> <div class="col-8 col-sm-8 col-lg-8"> <p class="fecha">15/10/2012
</p> <h2>LO-FI de Milton Secchi, el corto ganador del 7º Festival Pizza, Birra y Cortos
</h2> El jurado integrado por Vanessa Ragone, Hernan Guerschuny, Maria Canale y Fernando Varea otorg
ó al realizador santafesino el Primer Premio en las categor
ías mejor ficci
ón y mejor cortometraje.
</p> <!--<p><a href="noticias/lo-fi_de_milton_secchi_el_corto_ganador_del_7_festival_pizza_birra_y_cortos.php" >seguir leyendo »</a></p>-->
<div class="col-6 col-sm-6 col-lg-6"> <div class="col-4 col-sm-4 col-lg-4"> <img src="http://localhost/pbcortos//images/images/news%20grilla.jpg" style=" width:146px; height:146px;" alt="Días, horarios y actividades" /> </div> <div class="col-8 col-sm-8 col-lg-8"> <p class="fecha">08/10/2012
</p> <h2>Días, horarios y actividades
</h2> </p> <!--<p><a href="noticias/dias_horarios_y_actividades.php" >seguir leyendo »</a></p>-->
<div class="col-6 col-sm-6 col-lg-6"> <div class="col-4 col-sm-4 col-lg-4"> <img src="http://localhost/pbcortos//images/images/news%20todos%20tenemos%20un%20plan.jpg" style=" width:146px; height:146px;" alt="Película Invitada Cierre del Festival 'Todos tenemos un plan'" /> </div> <div class="col-8 col-sm-8 col-lg-8"> <p class="fecha">02/10/2012
</p> <h2>Película Invitada Cierre del Festival "Todos tenemos un plan"
</h2> Pel
ícula protagonizada por Viggo Mortensen, Soledad Villamil, Daniel Fanego y Sofia Gala Castiglione. Dirigida por Ana Piterbarg.
</p> <!--<p><a href="noticias/pelicula_invitada_cierre_del_festival_todos_tenemos_un_plan_.php" >seguir leyendo »</a></p>-->
<div class="col-6 col-sm-6 col-lg-6"> <div class="col-4 col-sm-4 col-lg-4">
<img src="website/template/images/noticia.jpg" alt="Actividades Especiales: Mesa 3 (charla con Juan Mascardi y Sandra Rivaben)" /> <div class="col-8 col-sm-8 col-lg-8"> <p class="fecha">02/10/2012
</p> <h2>Actividades Especiales: Mesa 3 (charla con Juan Mascardi y Sandra Rivaben)
</h2> <span style="font-size:12px;"><strong>Charla 1
</strong></span> - Disertante: Juan Mascardi / Tema: De las cr
ónicas period
ísticas al docuweb (escribir la telara
ña).
</p> <span style="font-size:12px;"><strong>Charla 2 -
</strong>Disertante: Sandra Rivaben / Tema: Programa Polos Audiovisuales Tecnol
ógicos
</span>.
</p> <!--<p><a href="noticias/actividades_especiales_mesa_3_charla_con_juan_mascardi_y_sandra_rivaben_.php" >seguir leyendo »</a></p>-->
como podria solucionarlo para que quede o una noticia por fila con imagen + texto, o el texto debajo de la imagen y seguir teniendo 2 noticias por fila.
Desde ya muchas gracias!