Expand image, out of container with Bootstrap

Question

Expand image, out of container with Bootstrap

Navigation

#1 by (0 votes)

0

I want to expand my image so that it moves out of the container, in this case the container (blue color) the image will expand it to the color memory (red). How could I do it with bootstrap?

  <div class="row mb-5">
     <div class="col-lg-6 pt-5">
     <h1 class="text-white">Integrate a esta plataforma medica para ginecología.</h1>
     <p class="lead">Una aplicación web que te ayudara a organizar tus expedientes médicos para tener acceso en cualquier parte del mundo.</p>
      <a style="float:none; display: inline-block" href="./" target="_blank" rel="noopener" class="button button--danger button--large">PROBAR GRATIS AHORA</a>
  </div>
  <div class="col-lg-6">
  <img src="./[email protected]" class="img-responsive">
  </div>

css bootstrap

asked by DoubleM 04.11.2018 в 20:52

source

1 answer

Field byte type in postgresql show it in a Laravel view Alamcenar variable from a promise

score 0 · Answer 1

There are several ways to do it, one would be to place 2 columns as offset with this line:

<div class="col-lg-2"></div>

Staying as follows:

<div class="row mb-5">
    <div class="col-lg-6 pt-5">
        <h1 class="text-white">Integrate a esta plataforma medica para ginecología.</h1>
        <p class="lead">Una aplicación web que te ayudara a organizar tus expedientes médicos para tener acceso en cualquier parte del mundo.</p>
        <a style="float:none; display: inline-block" href="./" target="_blank" rel="noopener" class="button button--danger button--large">PROBAR GRATIS AHORA</a>
    </div>

    <div class="col-lg-2"></div> <!-- Agregué esta linea -->

    <div class="col-lg-4"> <!-- Cambie a 4 columnas para la imagen debido al offset de 2 columnas -->
        <img src="./[email protected]" class="img-responsive">
    </div>
</div>