如何在固定的bootstrap导航栏上方放置一个横幅,当向下滚动时它会消失?

时间:2016-12-02 15:02:26

标签: css asp.net-mvc twitter-bootstrap

我目前正在为学校制作一个ASP.NET MVC网站项目。当我创建一个新项目时,会自动添加引导程序文件。所以我决定使用它,但我以前从未这样做过。

我注意到的第一件事是网站顶部的固定导航栏。我想要一个标题/横幅,然后是导航栏。但我没有设法做到这一点。我在布局视图中有以下代码:

.movdb-header {
background-color: red;
height: 110px;
width: 100%;

CSS:

Error   CS0246  The type or namespace name 'BindableBase' could not be found 
(are you missing a using directive or an assembly reference?)   
ShellModule C:\Dev\Prism_Prototype\Source\ShellModule\ViewModels\TitleControlViewModel.cs   

}

Layout

我之前搜索过这个问题,人们谈到了删除navbar-fixed-top类,然后把你的div放在它上面。但我希望导航栏保持固定但低于个人横幅,如果向下滚动,只有导航栏在顶部可见。所以当向下滚动时横幅消失。

我该如何解决这个问题?

提前致谢。

1 个答案:

答案 0 :(得分:1)

你可以给你的.movdb-header固定位置并给你的导航栏顶部:110px位置。它设置在顶部:0现在。

编辑:

+