网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容 知识问答

固定在顶部底部实现导航条

时间:2024-10-13 11:13:30

1、通常Web页面需要将导航条固定在浏览器的顶部或者底部,在移动开发中更是如此。Bootstrap提供了三种不同的方式来固定导航条。 navbar-fixed-top:导航条固定在徽涕濠铿浏览器可见窗口顶部 navbar-fixed-bottom:导航条固定在浏览器可见窗口底部 navbar-static-top:导航条固定在浏览器窗口顶部,随垂直滚动条上下滚动消失(或显现)。这三个样式类的使用都非常简单,只需在制作导航条最外边的容器class="navbar"上新增以上类即可,代码如下:

固定在顶部底部实现导航条

3、class="navbar-staci-top"创建了一个与页面等宽的导航条,始终固定在页面的顶部,并随着浏览器滚动条的上下滚动而消失和显现。我们可以在导航条外添加class="container"或者class="container-fluid"容器,这样可以使导航条居中对齐,代码如下:

固定在顶部底部实现导航条
© 2025 智德知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com