无法在引导程序中居中放置图像>>

Question

<div class="row"> 
<div class="col-md-4">
      <div class="dot">
           <img class="img-fluid" src="images/page1_ico1.png" />
      </div>
</div>
</div>
我尝试了img-fluid和容器液。 

...

] >> [[

尝试CSS：

<style>
  .dot {
    text-align: center;
  }
</style>

使用文本对齐将内容放在div中居中

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

<img src="..." class="mx-auto d-block" alt="...">
来源：https://getbootstrap.com/docs/4.4/content/images/#aligning-images

请尝试以下CSS，我认为它将对您有用。

<style>
  .dot {
    margin-left: auto;
    margin-right: auto;
  }
</style>

Answer 1

尝试CSS：

Answer 2

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

Answer 3

<img src="..." class="mx-auto d-block" alt="...">

Answer 4

请尝试以下CSS，我认为它将对您有用。