html - Bootstrap-Image 在 bootstrap 3 中没有响应

Question

您好，我正在尝试借助 bootstrap 3.3 创建一个网站

但是我遇到了一个问题，即我使用的图像没有响应，即在一段时间后它会中断。

这是 HTML 代码片段:-

<div class="img-responsive" id="intro"> <!-- This is the container to display image-->

      <div class="row">
        <div class="col-sm-6 col-md-6 col-md-offset-3 ">
          <div class="box" style="margin-top:62px;">
          <h1>Welcome to my world</h1>
          <p>Welcome to web development program</p>

          <button type="button" class="btn btn-default" id="continue">Continue</button>

          </div>
      </div>
  </div>

下面是我的 CSS 代码片段:-

#intro{
    background: url('images/prog.jpg') fixed;
    background-size: cover;
    height:650px;
    /*position: fixed;*/
}

#continue{
      margin-left: 218px;
      margin-top: 27px;
      color: blue;
}

请帮我解决这个问题。我不确定为什么类 img-responsive 不工作。

Answer 1

1. img 响应类仅用于 img 标签，不适用于 div。
2. 因为这是背景图片，它不会调整大小，但是可以，您可以在特定断点处使用不同大小的图片

谢谢