如何从页脚底部删除空格

问题描述：

页脚通常是无法容纳所有这informatuion，我最终渲染页脚像这样的范围之外的内容：

我最初的想法是为了增加页脚的大小，但经过多次尝试将.footer,.modal-footer以及许多其他内容更改为资产文件夹中的单独css文件后，没有任何工作。

我的下一个想法是创建一个定制的页脚和折叠默认页脚像这样：

<footer class="text-muted well" id="last-footer"> 
     <div class="container"> 
      <p class="footer-text text-muted text-center"> 

       <img src="https://i.stack.imgur.com/ZjO4e.png" alt="Smiley face" height="42" width="42"> 
       <br> 
       <a href="http://www.kigroup.de/impressum.html" class="text-center"> 
        Kontakt | Impressum | Datenschutz 
       </a> 

       <span class="pull-left"> 
        <a href="about.html#drop_us_a_line">Contact Us</a> 
       </span> 

       <span class="pull-right"> 
        {{addYear '©'}} 
       </span> 

      </p> 

     </div> 
</footer> 

<!-- begin: default footer --> 
<div class="footer collapse"> 
</div> 
<!-- end: default footer -->

但这页脚下创建了一堆难看的空白，像这样：

最终我想要的是在第二个页脚图片但没有它下面的所有空白空间 - 理想情况下，这种方式在将来可以维护，并且可以交换其他引导程序模板 - 所以......任何想法？

底部取出白色的空间，您可以共享一个小提琴？尝试使用overflow：auto css规则到＃last-footer。最好共享一个工作小提琴 – user2584538

是否有意义创建一个小提琴？问题不在于它自身的代码，而是引导程序框架，将bootstrap包含在小提琴中可行吗？ –

当然。你尝试过溢出：自动？ – user2584538

答

这是如何从页脚

body { 
    padding-bottom: 0px !important; 
    margin-bottom: -40px !important; 
} 
footer.well{ 
    margin-bottom: -20px !important; 
}

如何从页脚底部删除空格

相关推荐