0

У меня проблема с этой разделительной 1-й строкой с 3 столбцами. Мой код действительно хорош, но мне интересно, почему это не сработало. Я использую дочерний шаблон в wordpress, и я пытался разделить нижний колонтитул на 3 столбца. Вот мой кодЯ не могу разделить 1 строку из 3 столбцов в wordpress с помощью темы нижнего колонтитула

<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 - это класс начальной загрузки, он должен применять bootstrap css –

ответ

0

я думаю, что вы не используете бутстраповских CSS вот почему ваш элемент не будет лежать влево, если вы не используете бутстрап, тогда примените это css

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

 Смежные вопросы

  • Нет связанных вопросов^_^