html - 如何划分部分 HTML (BOOTSTRAP)

Question

我需要将我的部分水平分为 3 个部分，以便在每个部分中放置一个 IMG(居中​​)并分别写下一些文字。应该看起来像:

边框------------img--------------------img------------ ------img--------------------边框

感谢阅读这篇文章:

pd:英语不是我的第一语言，所以如果能写得尽可能简单，我将不胜感激。pd2: 我是 HTML 新手

所以这是我的示例代码:

<div class="container">
    <section class="row">
        <article class="col-xs-12">
            <h2>Welcome to my first HTML website</h2>
            <p>This is a lot of text</p>
        </article>  
        <section class="row">
            <div>
                <div class="">
                    <img src="images/icon-mantencion.png"  width="100" height="100">
                    <img src="images/icono-reparacion.png"  width="100" height="100">
                    <img src="images/icon-moderniza.png"  width="100" height="100">
                </div>
            </div>
        </section>  
    </section>
</div>

我的代码中的问题:我不是在写“部分”是一个水平空间，然后像“class=col-lg-4”一样潜水每个 IMG。所以(之前)当我在每个 img class="col-lg-4"中写时，网页认为每个 img 都是一个水平空间。那么应该是这样的:

        <div class="col-xs-12">
            <div class="col-xs-4"><img src="images/icon-mantencion.png"  width="100" height="100"> </div>
            <div class="col-xs-4"> <img src="images/icono-reparacion.png"  width="100" height="100"> </div>
            <div class="col-xs-4"> <img src="images/icon-moderniza.png"  width="100" height="100"> </div>                
        </div>

Answer 1

<div class="container">
    <section class="row">
        <article class="col-xs-12">
            <h2>Welcome to my first HTML website</h2>
            <p>This is a lot of text</p>
        </article>  
        <section class="row">
              <div class="cols-md-4">
                 <img src="images/icon-mantencion.png"  width="100" height="100">
              </div>
              <div class="cols-md-4">
                 <img src="images/icono-reparacion.png"  width="100" height="100">
              </div>
              <div class="cols-md-4">
                 <img src="images/icon-moderniza.png"  width="100" height="100">
              </div>  
        </section>  
    </section>
</div>