Foros del Web » Creando para Internet » Diseño web »

Imagenes en bootstrap3

Estas en el tema de Imagenes en bootstrap3 en el foro de Diseño web en Foros del Web. Muy buenas a todos, Quisiera saber cual es la mejor manera, o la manera, de insertar imágenes que vayan combinadas con párrafos de texto. Mi ...
  #1 (permalink)  
Antiguo 13/01/2015, 07:45
 
Fecha de Ingreso: septiembre-2014
Ubicación: Madrid - España
Mensajes: 15
Antigüedad: 9 años, 7 meses
Puntos: 0
Imagenes en bootstrap3

Muy buenas a todos,

Quisiera saber cual es la mejor manera, o la manera, de insertar imágenes que vayan combinadas con párrafos de texto.

Mi ejemplo es así:

<div class="container">
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<p>
texto párrafo
</p>

<div class="hidden-xs col-sm-4 col-md-4 col-lg-4 pull-right">
<img src="imagen.jpg" alt="" title="" class="img-responsive">
</div>

<p>
texto párrafo
</p>
</div>
</div>


En definitiva la imagen la sitúo dentro de un div con la clase pull-right para que se sitúe a la derecha y con los anchos de rejilla que veis.

No tengo claro que sea la forma correcta de insertar imágenes.

¿alguien lo hace igual?.

Muchas gracias.
Saludos
  #2 (permalink)  
Antiguo 13/01/2015, 21:07
 
Fecha de Ingreso: diciembre-2014
Mensajes: 6
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Imagenes en bootstrap3

¿Dices cómo lo hace por ejemplo la wikipedia? o sea, el efecto qué hace el texto rodeando una imagen, ¿no? pues solamente insertas la imagen bajo el texto o en algún div y la acomodas con la propiedad "float" en CSS, por ejemplo .. "float: left;" o "float: right;", igual creo que tienes que especificar el ancho de la imagen con width y para no tener problemas y ser mas específicos vendría bien un height, pero no se muy bien de lo que hablas. Espero haberte ayudado igualmente.
  #3 (permalink)  
Antiguo 14/01/2015, 05:12
 
Fecha de Ingreso: septiembre-2014
Ubicación: Madrid - España
Mensajes: 15
Antigüedad: 9 años, 7 meses
Puntos: 0
Respuesta: Imagenes en bootstrap3

Hola hunt3rc4sh, gracias por contestar,

A lo mejor me he liado en la explicación pero a lo que me refiero es simplemente a insertar un imagen en Bootstrap 3 que va a ir entre medias de varios párrafos.

¿se inserta la imagen, donde quieras que aparezca, con su etiqueta img y sus clases correspondientes como: pull-right o pull-left?

A lo que me refiero también es que ¿si la imagen debe ocupar una posición de la regilla o como comentaba antes se inserta la etiqueta sin más.?

Saludos y gracias.

Etiquetas: bootstrap
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:39.