引导程序页脚隐藏其上方的内容 [英] bootstrap footer hiding contents above it

问题描述

我正在asp.net mvc 5中使用Bootstrap.我得到的页脚底部粘着，这来自Bootstrap.我的问题是；在视口中，例如高度为400像素的示例，粘性页脚将其上方的内容/div(中间主体)隐藏起来.

I am using Bootstrap in asp.net mvc 5. I got footer that is sticking down at the bottom, this is from Bootstrap. My issue is; on viewport say example 400px height, the sticky footer hides the contents/ div (middle body) above it.

  <div id="body_main_wrapper">
        <!--Functions Panel Wrapper (left-side)-->
        <div class="Functions_Panel_Wrapper">
            functions lists.....
        </div>

        <!--Functions Page Wrapper (right-side)-->
        <div class="Function_Page_Wrapper">
            @RenderBody()
        </div> <!--end Function_Page_Wrapper-->

        <br/><br/>
        xxxxxxxxx
        <br /><br />
        fffffffffff
        <br /><br /><br /><br /><br /><br /><br /><br />
        yyyyyyyyyyyy

    </div> <!--end body_main_wrapper-->

        <!--*************************** Footer ***********************************-->
        <div class="footer_wrapper navbar navbar-default navbar-fixed-bottom">
            <footer>
                <div class="container">
                    <div class="footer_Title_Wrapper">
                        <p>&copy; @DateTime.Now.Year - My ASP.NET Application</p>
                    </div> <!--end footer_Title_Wrapper-->
                </div> <!--end container-->
            </footer>
        </div><!--end footer_wrapper-->
    </div> <!--end body-content-->

第二个解决方案@我有我自己的自定义jQuery插件，它缺少一个难题，当用户单击Glyphicons(bootstarp)时，我需要捕获事件

2nd solution@ i have my own custom jQuery plugin, which got one missing puzzle, i need to capture event when user click on Glyphicons (bootstarp)

非常感谢

推荐答案

如果您使用的是Bootstrap 4，只需将mb-5类添加到相关的div中即可.

If you're using Bootstrap 4, just add the mb-5 class to the div in question.

在此处

这篇关于引导程序页脚隐藏其上方的内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！