2017-04-12 5 views
0

Bootstrap row col-md-4 not working properly. 마지막 행을 나머지 행과 함께 인라인으로 이동하는 데 협조 해주십시오. 고맙습니다! 어제는 괜찮 았으므로 이후로 내 코드를 건드리지 않았으므로 어떻게 될지 모릅니다.부트 스트랩 행이 작동하지 않습니다.

정말 도움을 주셔서 감사합니다! 당신을 가정

/*WHY*/ 
 

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

 
#why hr { 
 
\t width:30%; 
 
} 
 

 
#why .fa { 
 
\t color:#be2835; 
 
\t padding:15px 0; 
 
}
 \t <section id="why"> 
 
    \t \t <div class="container text-xs-center"> 
 
    \t \t \t 
 
    \t \t \t <div class="row"> 
 
    \t \t \t \t <div class="col-md-12 wow fadeIn"> 
 
    \t \t \t \t \t <h2>Why work with us?</h2> 
 
    \t \t \t \t \t <hr> 
 
    \t \t \t \t \t <p>Because we are best at what we do!</p> 
 
    \t \t \t \t </div> 
 
    \t \t \t </div> 
 

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

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

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

+0

을 당신은 FA 배 이것은 나를 위해 그것을 해결 문제 –

답변

1

클래스 col-md-4와 세 <div>의이 같은 행에가되고 싶어요, 당신이 할 일은 자신의 닫는 태그와 함께 추가 <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> 
+0

에 ... 어쨌든 두 번째 마지막 행에 두 번 아마 관련이없는 기록이, 내가 정말 감사드립니다! –

+0

대단히 환영합니다! –

관련 문제