圖像不能調整大小以外的移動視圖 - 引導

Question

我正在一個container-fluid全角網站與固定側欄使用引導。

http://nickmask.github.io/index.html

我在我的mainContent container沒有被重新調整大小的平板電腦尺寸以上的圖像。如果我下降到移動大小，他們調整罰款。

我曾嘗試加入img-responsive，但沒有運氣。有任何想法嗎？

HTML：

<div class="col-sm-8 fluidContainer" id="mainContainer"> 
    <div class="mainHeading"> 
     <hr class="separator" id="topSep"> 
     <h1>Recent Work</h1> 
     <h2>Blogs and projects recently completed</h2> 
     <hr class="separator" id="botSep"> 
    </div> 
    <div class="mainContent"> 
     <article> 
     <img src="http://fillmurray.com/700/280" alt="" class="img-responsive"> 
     <h2>This article</h2> 
     <p> 
      Remember outweigh do he desirous no cheerful. Do of doors water ye guest. We if prosperous comparison middletons at. Park we in lose like at no. An so to preferred convinced distrusts he determine. In musical me my placing clothes comfort pleased hearing. 
     </p>  
     </article> 

Answer 1

原因是因爲您在#mainContainer上有width: auto;。從#mainContainer刪除width: auto;和類img-responsive添加到圖像，它應該工作。

Answer 2

在引導CSS max-width: 100%;。你改變width: 100%;和相同的高度。設置寬度和高度。