0

3 열로 나누는 1 행에 문제가 있습니다. 내 코드는 실제로 훌륭하지만, 왜 작동하지 않는지 궁금하다. WordPress의 하위 템플릿을 사용하고 있으며 꼬리말을 3 개의 열로 나눕니다. 여기 내 코드는바닥 글 테마가있는 Wordpress에서 3 열 1 행을 나눌 수 없습니다

<div class="footer section large-padding bg-dark"> 
    <div class = "row"> 
     <div class="col-md-3"> 
      <div class="icon-top red-text"> 
      </div> 
      <div class="zerif-footer-address"><center>Company address</center></div> 
      </div> 

     <div class="col-md-3"> 
      <div class="icon-top red-text"> 
      </div> 
      <div class="zerif-footer-address"><center>Company address</center></div> 
      </div> 

     <div class="col-md-3"> 
      <div class="icon-top red-text"> 
      </div> 
      <div class="zerif-footer-address"><center>Company address</center></div> 
     </div> 
</div> 
    </div> <!-- /footer --> 

부모로부터 내 재정의 CSS는 여기에 있습니다 :

/* 
Theme Name:  Hemingway - Child Theme 
Description: Heminway Child Theme 
Author:   john 
Template:  hemingway 

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain) 
*/ 
.credits-inner { 
    letter-spacing: 1px; 
    text-transform: initial;  
} 
.footer { 
    margin-bottom:0px; 
} 
.company-details { 
    width: 33%; 
} 

코드의 출력은 여기에 있습니다 : Output of the code

+0

각각에 대해 col-md-4를 사용하십시오. = 100 % –

+0

이미 시도했지만 출력은 여전히 ​​내 스크린 샷에 있습니다. –

+0

css를 제거하십시오 .company-details col-md-4는 부트 스트랩 CSS를 적용해야하는 부트 스트랩 클래스입니다 –

답변

0

난 당신이 부트 스트랩 CSS를 먹으 렴 왜 사용하지 않는 생각 부트 스트랩을 사용하지 않으면 요소가 왼쪽으로 튀어 나오지 않습니다.

.row{ 
widht: 100%; 
} 
.col-md-4 { 
    flot:left; 
    width:33.3333%; 
}