圖像從容器中

<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然而，我仍然認爲我能做到這一點圖像從容器中

我怎樣才能讓一個容器內的圖像全寬，只使用像例子引導，黑色邊緣是引導容器

我嘗試做的是在一個容器中的內容和容器外的圖片，

來源

2017-07-04 Juan David

你可以在jsfiddle上更新它嗎？（並小心添加相應的依賴項） –

試試這個.imagen> img {max-width：100％}。希望這有助於.. –

請提供演示，謝謝 – sol

只需設置這些properties--

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

來源

2017-07-04 12:49:25

我認爲這是不可能的，如果它是在一個容器內或可能的？ –

在這裏，你去的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標籤ro background-image，所以我提供了兩者。

第一列與背景圖像和第二列與img標籤。

來源

2017-07-04 13:52:10 Shiladitya

圖像從容器中

回答

相關問題