Twitter bootstrap 引导导航栏固定顶部:失去Jumbotron部分的顶部
我正在使用示例页面引导navbar fixed top,地址如下: 在我的例子中,我扩展了默认菜单的长度(即添加更多菜单项或更长的项目措辞)。当屏幕大小在768-990px之间时,导航栏会分成两行(左部分在顶部,右部分在底部) 当这种情况发生时,Joombotron部分的顶部在导航栏后面被覆盖和丢失(单击以查看下图) 可以进行哪些校正,以确保Jumbotron始终低于导航杆部分 谢谢,, KTwitter bootstrap 引导导航栏固定顶部:失去Jumbotron部分的顶部,twitter-bootstrap,navbar,Twitter Bootstrap,Navbar,我正在使用示例页面引导navbar fixed top,地址如下: 在我的例子中,我扩展了默认菜单的长度(即添加更多菜单项或更长的项目措辞)。当屏幕大小在768-990px之间时,导航栏会分成两行(左部分在顶部,右部分在底部) 当这种情况发生时,Joombotron部分的顶部在导航栏后面被覆盖和丢失(单击以查看下图) 可以进行哪些校正,以确保Jumbotron始终低于导航杆部分 谢谢,, K 在导航栏固定顶部的默认模板中,主体元素被赋予70px的填充,以将其推到导航栏下方。如果增加了固定导航栏
在导航栏固定顶部的默认模板中,主体元素被赋予70px的填充,以将其推到导航栏下方。如果增加了固定导航栏的大小,还需要在这两个断点之间的正文中添加额外的填充:
@media only screen and (min-width:768px) and (max-width: 990px) {
body {
padding: /*new padding rule here*/
}
}
您可以使用chrome开发工具获取扩展导航栏的高度 感谢J_Everhart383提供的宝贵建议!我已经解决了这个问题。太好了!很高兴我能帮忙。如果此解决方案解决了您的问题,您是否介意将此标记为正确答案。嗨,J_Everhart383,作为新会员,我的帐户中似乎仍然没有此功能:谢谢您的反馈!声誉低于15%的人所投的票会被记录下来,但不要改变公开展示的帖子——不用担心!很高兴这帮了你的忙。祝你的项目好运!