本文介绍了引导程序页脚隐藏其上方的内容的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在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>© @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.
在此处
这篇关于引导程序页脚隐藏其上方的内容的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!