我无法在我的 bootstrap 网站中水平添加图片

Question

我正在使用 bootstrap 5，但图像没有水平对齐。图像被添加到下一行。我已经尝试了所有方法，但它确实有效。任何帮助都会得到帮助。谢谢。

<!-- Bootstrap-5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" />


<!-- Body -->
<section>
  <div class="container pt-3" class="text1">
    <div class="row">
      <div class="col-12 text-center ">
        <h3> Lots of IT companies in town. Why you should choose us? </h3>
      </div>
    </div>
  </div>
  <hr>
</section>



<div class="row">
  <div class="col-md-4 text-center">
    <img class="img-fluid p-2" src="https://via.placeholder.com/200.jpg" width="150">
    <h4 style="font-weight: 700;">Customized requirements</h4>
    <p> Every idea is unique and that's we craft it as<br> per your requirements.</p>
  </div>
</div>

<div class="col-md-4 text-center">
  <img class="img-fluid p-2" src="https://via.placeholder.com/200.jpg" width="150">
  <h4 style="font-weight: 700;">Customized requirements</h4>
  <p> Every idea is unique and that's we craft it as<br> per your requirements.</p>
</div>



</section>

Answer 1

rowdiv提前收盘

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" />
<section>
    <div class="container pt-3" class="text1">
        <div class="row">
            <div class="col-12 text-center ">
                <h3> Lots of IT companies in town. Why you should choose us? </h3>
            </div>
        </div>
    </div>
    <hr>
</section>
<div class="container" class="text1">
    <section>
        <div class="row">
            <div class="col-md-4 text-center">
                <img class="img-fluid p-2" src="images/our qualities/our_qualities/customized.png" width="150">
                <h4 style="font-weight: 700;">Customized requirements</h4>
                <p> Every idea is unique and that's we craft it as<br> per your requirements.</p>
            </div> <!-- Not Here -->

            <div class="col-md-4 text-center">
                <img class="img-fluid p-2" src="images/our qualities/our_qualities/customized.png" width="150">
                <h4 style="font-weight: 700;">Customized requirements</h4>
                <p> Every idea is unique and that's we craft it as<br> per your requirements.</p>
            </div>
        </div> <!-- Close Here -->
    </section>
</div>

我无法在我的 bootstrap 网站中水平添加图片

I am unable to add images horizontally in my bootstrap website

html

css

image

bootstrap-5