twitter bootstrap导航栏固定顶部重叠站点
我在网站上使用引导程序，并且导航栏固定顶部出现问题。当我只使用常规导航栏时，一切都很好。但是，当我尝试将其切换到导航栏固定顶部时，该网站上的所有其他内容都会向上移动，就像导航栏不存在并且导航栏与之重叠一样。我基本上是这样布置的：
.navbar.navbar-fixed-top
.navbar-inner
.container
.container
.row
//yield content
我试图完全复制引导程序示例，但仅在使用navbar fixed top时仍然存在此问题。我究竟做错了什么？
问题答案：
您的答案是正确的docs：
### 需要身体填充
固定的导航栏将覆盖您的其他内容，除非您将其添加padding到的顶部<body>。试用您自己的值或使用下面的代码段。提示：默认情况下，导航栏的高度为50px。
body { padding-top: 70px; }
确保在核心Bootstrap CSS 之后 添加此名称。
并在 Bootstrap 4文档中…
固定的导航栏使用位置：固定，这意味着它们是从DOM的正常流程中拉出的，并且可能需要自定义CSS（例如上的padding-top）以防止与其他元素重叠。
-
我正在使用我的网站上的引导和有问题的navbar固定顶部。当我只是使用常规的navbar时，一切都很好。然而，当我尝试将它切换到navbar固定顶部时，站点上的所有其他内容就像navbar不存在一样向上移动，并且navbar与它重叠。下面是我的基本布局： 我试图完全复制引导示例，但仍然有这个问题，只有当使用navbar固定顶部。我做错了什么？
-
本文向大家介绍JS滚动到指定位置导航栏固定顶部，包括了JS滚动到指定位置导航栏固定顶部的使用技巧和注意事项，需要的朋友参考一下 最近整理一下之前做的一个项目，把滚动条动态固定顶部的代码整理出来和大家分享，上代码 以上所述是小编给大家介绍的JS滚动到指定位置导航栏固定顶部，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持！
-
顶部导航栏放在页面头部： 实例<nav data-topbar> <ul> <li> <!-- 如果你不需要标题或图标可以删掉它 --> <h1><a href="#">WebSiteName</a></h1> </li> <!-- 小屏幕上折叠按钮: 去掉 .menu-icon 类，可以去除图标。 如果需要只显示图片，可以删除
-
本文向大家介绍twitter-bootstrap 基本导航栏（固定在页面顶部），包括了twitter-bootstrap 基本导航栏（固定在页面顶部）的使用技巧和注意事项，需要的朋友参考一下 示例
-
本文向大家介绍Fullpage.js固定导航栏-实现定位导航栏，包括了Fullpage.js固定导航栏-实现定位导航栏的使用技巧和注意事项，需要的朋友参考一下 FullPage.js 是一个简单而易于使用的插件，用来创建全屏滚动网站（也被称为单页网站）。除了可以创建全屏滚动效果以外，也可以给网站添加一些水平的滑块效果。能够自适应不同的屏幕尺寸，包括平板电脑和移动设备。 开始制作自己的个人简历啦，决
-
我正试图创建一个响应导航栏，它固定在页面顶部，链接高度为全高（100%），这样它们的背景颜色就可以改变。到目前为止，我只成功地修复了导航栏，并且这些链接在设备之间只是有点兼容。我将使用这种效果，即媒体查询强制菜单进入包含在图像中的导航。http://getbootstrap.com/examples/navbar-fixed-top/.我不喜欢bootstrap，我希望在将来自己能够做到这一点。有