Skip to main content
2 de 3
se añadieron 635 caracteres en el cuerpo
iMSn20
  • 563
  • 9
  • 22

Texto rodeando una imagen en bootstrap

estoy usando Bootstrap 4, y quiero usar el sistema de grilla para poder poner una imagen, y que el texto si es mas alto que la imagen, lo rodee. Trate de hacer algunas cosas pero recien empiezo en front-end por lo que no se bien que es lo que esta fallando. Este es mi codigo por el momento:

<div class=" col-md-5 offset-md-1 mb-4">
            <div class="card border-0 shadow">
                <img src="https://source.unsplash.com/TMgQMXoglsM/500x350" class="card-img-top float-left" alt="...">
                <div class="card-body text-center">
                    <h5 class="card-title mb-0">Titulo carta</h5>
                    <div class="card-text text-black-50">Descripcion carta</div>
                </div>
            </div>
            <p>
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
            </p>
        </div> 
iMSn20
  • 563
  • 9
  • 22