图像出容器

Question

 <div class="container p0">
    <div class="col-md-12 p0">
        <div class="col-md-6 p0">
           <div class="imagen"></div>
        </div>
        <div class="col-md-6 p0">
           <div class="text-content"></div>
        </div>
    </div>
    </div>

我还没有确定的CSS，我仍然认为我可以做到这一点

如何在容器内部使图像全宽，就像在使用bootstrap的示例中一样，黑色边框是引导容器

我尝试做的是容器中的内容和容器外的图像

Answer 1

只需设置这些属性 -

.imagen img{
  width: 100%;
  max-width: 100%;
}

Answer 2

您可以使用jsfiddle https://jsfiddle.net/9drawa3h/1/。

<div class="container p0">
    <div class="col-md-12 p0">
        <div class="col-md-6 p0">
            <div class="imagen"></div>
        </div>
        <div class="col-md-6 p0">
            <div class="text-content">
                <img src="http://a57.foxnews.com/images.foxnews.com/content/fox-news/tech/2013/04/13/how-to-do-free-online-background-check/_jcr_content/par/featured-media/media-1.img.jpg/876/493/1422493303787.jpg?ve=1&tl=1" />
            </div>
        </div>
    </div>
</div>

我知道您正在寻找第二栏中的文字内容，但我指定了其他内容。

由于我不确定你是否会在第1栏中使用img tag ro background-image，所以我提供了两者。

带有背景图像的第一列和带有img标记的第二列。