Bootstrap在網格元素中嵌入圖片

我發現bootstrap v3.0.0和最新版本v3.3.0之間存在差異。我昨天大部分時間都在試圖弄清楚，沒有任何運氣。如果我上午嵌入到圖像柵格元件用下面的代碼： HTML：Bootstrap在網格元素中嵌入圖片

<div class="container-fluid"> 
    <div id="page-content" class="application-body-home"> 
     <h1>Heading</h1> 
     <div id="intro" class="row-fluid"> 
      <div class="well"> 
       <div id="introPic" class="media-left"> 
       <p> 
        <img style="float: left; margin:0px 15px 15px 0px; height: 200px;" src="http://tmacfitness.com/wp-content/uploads/2013/04/Beauty-of-nature-random-4884759-1280-800.jpg" class="img-responsive"> 

       In ancient manuscripts, another means to divide sentences in into paragraphs was a line break (newline) followed by an initial at the beginning of the next paragraph. An initial is an oversize capital letter, sometimes outdented beyond the margin of text. This style can be seen, for example, in the original Old English manuscript of Beowulf. Outdenting is still used in English typography, though not commonly.[4] Modern English typography usually indicates a new paragraph by indenting the first line. This style can be seen in the (handwritten) United States Constitution from 1787. For additional ornamentation, a hedera leaf or other symbol can be added to the inter-paragraph whitespace, or put in the indentation space. 
       </p> 
      </div> 
      </div> 
     </div> 
    </div> 

</div>

CSS：

/* CSS used here will be applied after bootstrap.css */ 

#col1 { 
    background-color: #f1f2f6; 

} 
#col1:first-child { 
    padding: 0 4px 0 0; 
} 
#col1:nth-child(2) { 
    padding: 0 4px; 
} 
#col1:last-child { 
    padding: 0 0 0 4px; 
} 
.col-inside{ 
border: solid 1px #000000; 
} 

#intro{ 
    border: solid 2px #000000; 
    }

在3.3.0（v3.3.0 example）似乎工作，但不是在V3。 0.0（v3.0.0 example）。在v3.0.0中，窗口變大時，圖像不會保留在row內。

有沒有辦法使它在v3.0.0中工作？

來源

2014-12-03 dubbbdan

嗯，它們看起來和我一樣。 v3.0.0示例需要多大才能看出差異？ – j08691 2014-12-03 17:00:47

在我的機器上，如果我已經在1045px的windot它看起來不錯，並在1046px圖片延伸到行下。 – dubbbdan 2014-12-03 17:04:19

在Win7上沒有看到Chrome。你使用什麼瀏覽器和操作系統？ – j08691 2014-12-03 17:06:03

將.well{ overflow:auto; }添加到您的CSS將允許父級封裝後代元素。

來源

2014-12-03 17:21:53 j08691

Bootstrap在網格元素中嵌入圖片

回答

相關問題