廣東話的自舉列調整圖像

所以我相當新的HTML/CSS和我做從CodeAcademy這個教訓，我試圖複製此：https://s3.amazonaws.com/codecademy-content/projects/junction/index.html 廣東話的自舉列調整圖像

的問題是，我不能夠讓中間的圖像看起來更大，它們非常小，我不知道如何調整它們的大小。

這裏是我的版本：https://jsfiddle.net/eb3roj0j/1/

<!--supporting--> 
    <div class="supporting"> 
    <div class="container"> 
     <div class="row"> 
     <div class="col-md-4"> 
      <img src="https://goo.gl/HuNcSi" class="img-responsive" alt=""> 
      <h2>Read</h2> 
      <p>Discover new stories and follow your favorite writers.</p> 
     </div> 
     <div class="col-md-4"> 
      <img src="https://goo.gl/Vxo5z5" class="img-responsive" alt=""> 
      <h2>Write</h2> 
      <p>Create stories about our world, or entirely new worlds.</p> 
     </div> 
     <div class="col-md-4"> 
      <img src="https://goo.gl/93x9GD" class="img-responsive" alt=""> 
      <h2>Talk</h2> 
      <p>Join the conversation by talking with your favorite readers and your fans.</p> 
     </div> 
     </div> 
    </div> 
    </div>

來源

2015-09-20 JDev

在你的CSS

您有：

.row img 
{ 
    position: relative; 

    float: left; 

    max-width: 35px; 
    max-height: 35px; 
}

這是制約圖像尺寸

來源

2015-09-20 14:47:51

哇哦，我現在覺得自己很蠢。感謝您的幫助 – JDev

我假設您是這樣做的，以約束頁面上的其他內容。這有點過於寬泛。你應該分配你想要限制它自己的ID或CLASS的任何元素，然後專門約束。 –

，並不覺得愚蠢，這只是學習的一部分。關於你的文章的最好的事情是你記錄了它，併爲我們創造了一個例子來幫助你。 –

廣東話的自舉列調整圖像

回答

相關問題