php - 如何在 Wordpress 中使用 Bootstrap 为页脚指定高度？

Question

我正在使用 WordPress 和 Bootstrap 创建一个网站。

1) 如何在我的 footer.php 中包含我创建的自定义样式表？

2) 如果不同的组件位于不同的行或容器中，如何指定它们之间的距离？

我现在正在使用 html div 添加样式。在图片上你可以看到组件。我有 4 行，即 Logo 、社交、迷你导航和版权。如何缩短“与我们联系”文本的社交图标之间的距离？

Have a look

<footer id="colophon" class="site-footer" role="contentinfo">
<div id="mydiv" >
   <div class="container-fluid p-3 p-md-5" "my-custom-class" >
      <footer class="container-fluid"  style="margin-top: 30px; > 
         <div class="row" >
         <div class="text-center">
            <div class="col-md-4" ><img src="<?php echo 
               get_template_directory_uri();?>/img/footer_logo.png"></div>
         </div>
   </div>
   <div class="row">
   <div class="col-md-4">
   <p>Connect with us<p>
   <img src="<?php echo get_template_directory_uri();?
      >/img/fb.png">
   <img src="<?php echo get_template_directory_uri();?
      >/img/tw.png">
   </div>
   </div>
   <div class="row">
   <div class="col-md-4">
   <a href="https://www.w3schools.com">Conditions</a>
   <a href="https://www.w3schools.com">In the press</a>
   <a href="https://www.w3schools.com">Privacy</a>
   <a href="https://www.w3schools.com">Cookie Consent</a>
   </div>
   </div>
   <div class="row">
   <div class="col-md-4"  >© wwwwww, 2004-2017.</div>
   </div>
   </footer>
</div>
</div>

Answer 1

您可以为每一行添加一个类(例如空格)，并在您的页脚 css 文件中添加您的样式。

footer.php 中的修改:

<div class="row space">

在您的样式文件中添加:

.space {
    margin-bottom : 25px ;
}