Загрузочный ряд не работает

Question

Строка начальной загрузки col-md-4 не работает должным образом. Пожалуйста, помогите мне переместить последний ряд вверх по линии с остальными рядами. Спасибо! Это было хорошо вчера, поэтому я не знаю, что это может быть, так как с тех пор я не трогал свой код.

Я очень ценю помощь!

/*WHY*/

#why {
 padding:5rem 0;
 background-color:#f6f6f6;
}

#why hr {
 width:30%;
}

#why .fa {
 color:#be2835;
 padding:15px 0;
}

     <section id="why">
      <div class="container text-xs-center">
       
       <div class="row">
        <div class="col-md-12 wow fadeIn">
         <h2>Why work with us?</h2>
         <hr>
         <p>Because we are best at what we do!</p>
        </div>
       </div>

       <div class="row">
        <div class="col-md-4 wow fadeIn" data-wow-delay="0.3s">
         <i class="fa fa-thumbs-o-up fa-3x"></i>
         <h3>Customer Satisfaction</h3>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
        </div>

        <div class="row">
         <div class="col-md-4 wow fadeIn" data-wow-delay="0.4s">
          <i class="fa fa-line-chart fa-3x fa-3x"></i>
          <h3>Instant Results</h3>
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
         </div>
        </div>

        <div class="row">
         <div class="col-md-4 wow fadeIn" data-wow-delay="0.5s">
          <i class="fa fa-trophy fa-3x"></i>
          <h3>Award Winning Service</h3>
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
         </div>
        </div> 
       </div>
      </div>
     </section>

Answer 1

Предполагая, что вы хотите три <div>с классом col-md-4 чтобы быть в одном ряду, все, что вам нужно сделать, это удалить лишние <div class="row"> элементы, а также их закрывающие теги. Таким образом, HTML будет выглядеть так:

<section id="why">
    <div class="container text-xs-center">

        <div class="row">
            <div class="col-md-12 wow fadeIn">
                <h2>Why work with us?</h2>
                <hr>
                <p>Because we are best at what we do!</p>
            </div>
        </div>

        <div class="row">
            <div class="col-md-4 wow fadeIn" data-wow-delay="0.3s">
                <i class="fa fa-thumbs-o-up fa-3x"></i>
                <h3>Customer Satisfaction</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
            </div>

            <div class="col-md-4 wow fadeIn" data-wow-delay="0.4s">
                <i class="fa fa-line-chart fa-3x fa-3x"></i>
                <h3>Instant Results</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
            </div>

            <div class="col-md-4 wow fadeIn" data-wow-delay="0.5s">
                <i class="fa fa-trophy fa-3x"></i>
                <h3>Award Winning Service</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
            </div>
        </div>
    </div>
</section>