无法调整引导列上的图像大小

Question

所以我是 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>

Answer 1

在你的 css 你有：

.row img
{
    position: relative;

    float: left;

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

这会限制您的图片大小

无法调整引导列上的图像大小

Cant resize images on boostrap columns

html

css

resize

image