作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 spring boot 项目,那是我的导航栏的照片。当用户向下滚动时,我希望导航栏粘在页面顶部,但我不知道该怎么做。我是前端新手,我正在努力理解 Bootstrap 、html 和 css 等。
<nav class="navbar navbar-inverse">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-3">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="userProfile1">Home</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar-collapse-3">
<ul class="nav navbar-nav navbar-right">
<li><a href="/calendar">Calendar</a></li>
<li><a href="/subjectSearch">Search</a></li>
<li><a href="/logout">Logout</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container -->
</nav><!-- /.navbar -->
h1 {
color: #78ab46;
}
.error-message {
color: #a94442;
}
.error-message:first-letter {
text-transform: capitalize;
}
最佳答案
你好吉尔,你可以看这里
W3school
您还有一个示例,您可以使用检查检查 html 代码
NavBar fixed Top
也在这里引导 v4:
NavBar
示例( Bootstrap ):
<nav class="navbar navbar-default navbar-fixed-top">
...
</nav>
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
关于java - 滚动时如何使我的引导导航栏粘在页面顶部?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51842636/
查看此页面:http://jsbin.com/itufix使用 IE(页面自动启用 IE7 模式)。 在这里您将找到如何使用显示 block 呈现内联元素(输入和跨度)的示例。所有元素的边距和填充都设
我有一个自定义的 UITabvleViewCell,其中有一个 UIImageView。当在 cellForRowAtIndexPath 中设置单元格时,我可以很好地设置图像(尽管我没有),但是在某些
我是一名优秀的程序员,十分优秀!