css - 为什么我的图像不能使用 Bootstrap 居中？

Question

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

这就是目前我 body 里的一切:

<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

你的引号 ("") 似乎在你的 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>