如何从页脚底部删除空格

Question

我需要在页脚中包含一些内容。

页脚通常无法容纳所有这些信息，我最终将内容呈现在页脚边界之外，如下所示：

---

---

我的第一个想法是增加页脚的大小，但在多次尝试更改.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 -->

但这会在页脚下创建一堆丑陋的空白，如下所示：

---

---

最终我想要的是像第二张图片中的页脚，但它下面没有所有的空白-理想情况下，将来可以维护并且可以交换其他引导程序模板-所以......有什么想法吗？

Answer 1

这是如何从页脚底部删除空白

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

Answer 2

转到您的 site.css 并删除它

-body {
-  /* Margin bottom by footer height */
-  margin-bottom: 60px;
-}

您的 site.css 应该在 wwwroot/css 文件夹中。