Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/twitter-bootstrap/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 引导导航栏固定顶部:失去Jumbotron部分的顶部_Twitter Bootstrap_Navbar - Fatal编程技术网

Twitter bootstrap 引导导航栏固定顶部:失去Jumbotron部分的顶部

Twitter bootstrap 引导导航栏固定顶部:失去Jumbotron部分的顶部,twitter-bootstrap,navbar,Twitter Bootstrap,Navbar,我正在使用示例页面引导navbar fixed top,地址如下: 在我的例子中,我扩展了默认菜单的长度(即添加更多菜单项或更长的项目措辞)。当屏幕大小在768-990px之间时,导航栏会分成两行(左部分在顶部,右部分在底部) 当这种情况发生时,Joombotron部分的顶部在导航栏后面被覆盖和丢失(单击以查看下图) 可以进行哪些校正,以确保Jumbotron始终低于导航杆部分 谢谢,, K 在导航栏固定顶部的默认模板中,主体元素被赋予70px的填充,以将其推到导航栏下方。如果增加了固定导航栏

我正在使用示例页面引导navbar fixed top,地址如下:

在我的例子中,我扩展了默认菜单的长度(即添加更多菜单项或更长的项目措辞)。当屏幕大小在768-990px之间时,导航栏会分成两行(左部分在顶部,右部分在底部)

当这种情况发生时,Joombotron部分的顶部在导航栏后面被覆盖和丢失(单击以查看下图)

可以进行哪些校正,以确保Jumbotron始终低于导航杆部分

谢谢,, K


在导航栏固定顶部的默认模板中,主体元素被赋予70px的填充,以将其推到导航栏下方。如果增加了固定导航栏的大小,还需要在这两个断点之间的正文中添加额外的填充:

@media only screen and (min-width:768px) and (max-width: 990px)  {
 body {
  padding: /*new padding rule here*/
  }
 }

您可以使用chrome开发工具获取扩展导航栏的高度

感谢J_Everhart383提供的宝贵建议!我已经解决了这个问题。太好了!很高兴我能帮忙。如果此解决方案解决了您的问题,您是否介意将此标记为正确答案。嗨,J_Everhart383,作为新会员,我的帐户中似乎仍然没有此功能:谢谢您的反馈!声誉低于15%的人所投的票会被记录下来,但不要改变公开展示的帖子——不用担心!很高兴这帮了你的忙。祝你的项目好运!