Skip to main content
Reemplazada la etiqueta [bootstrap] por [bootstrap-4], al ser la versión ocupada por el OP.
Enlace
se añadieron 635 caracteres en el cuerpo
Origen Enlace
iMSn20
  • 563
  • 9
  • 22

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="row">
        <div class=" col-md-5 offset-md-1 mb-4">
            <div class="card border-0 shadow float-left">shadow">
                <img src="https://source.unsplash.com/TMgQMXoglsM/500x350" class="card-img-top"top float-left" alt="...">
                <div class="card-body text-center">
                    <h5 class="card-title mb-0">Pers1<0">Titulo carta</h5>
                    <div class="card-text text-black-50">Prof1<50">Descripcion carta</div>
                </div>
            </div>
        </div>    <p>
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
                AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
            </p>
        </div> 

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="row">
        <div class=" col-md-5 offset-md-1 mb-4">
            <div class="card border-0 shadow float-left">
                <img src="https://source.unsplash.com/TMgQMXoglsM/500x350" class="card-img-top" alt="...">
                <div class="card-body text-center">
                    <h5 class="card-title mb-0">Pers1</h5>
                    <div class="card-text text-black-50">Prof1</div>
                </div>
            </div>
        </div>           
    </div>

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> 
Origen Enlace
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="row">
        <div class=" col-md-5 offset-md-1 mb-4">
            <div class="card border-0 shadow float-left">
                <img src="https://source.unsplash.com/TMgQMXoglsM/500x350" class="card-img-top" alt="...">
                <div class="card-body text-center">
                    <h5 class="card-title mb-0">Pers1</h5>
                    <div class="card-text text-black-50">Prof1</div>
                </div>
            </div>
        </div>           
    </div>