Question

我是html / css的新手，我正在尝试创建一个直接的网页，这只是几个水平居中的图像，每个都在自己的行上。我最终使用了Bootstrap的基本html模板，并且无法弄清楚下面的代码有什么问题。我的图像卡在页面的左边缘。我目前使用的唯一CSS是默认链接的：“css / bootstrap.min.css”

这就是我身上的所有内容：

<div class=“container-fluid”>

  <div class=“row”>
      <img src="..." class=“img-responsive center-block”>
  </div>

  <div class=“row”>
      <img src="..." class=“img-responsive center-block”>
  </div>

</div>

Answer 1

您的引号（＆＃34;＆＃34;）似乎在您的img课程中被打破。不知道你实际使用的是什么，但将它们改为正常的引号，它应该有用。

<div class="container-fluid">

  <div class="row">
      <img src="..." class="img-responsive center-block">
  </div>

  <div class="row">
      <img src="..." class="img-responsive center-block">
  </div>

</div>

为什么我的图像不会使用Bootstrap中心？

1 个答案: