如何在WordPress中使用bootstrap指定页脚的高度？

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

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

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

我现在将样式与html divs一起添加。在图片上你可以看到组件。我有4行, 即徽标, 社交, 迷你导航和版权。如何缩短”与我们联系”文本的社交图标之间的距离？

看一看

<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>

#1

你可以在每行中添加一个类(例如空格), 然后在页脚css文件中添加样式。

在footer.php中的修改：

<div class="row space">

在样式文件中添加：

.space {
    margin-bottom : 25px ;
}