Javascript 导航栏切换按钮在引导v4.1.3中不起作用

我正在使用BootstrapCDN v4.1.3，我希望我的导航栏始终固定在用户浏览器的顶部。当我将

nav

div设置为

位置时：固定，当浏览器处于桌面模式时，无法单击任何链接，当浏览器处于移动模式时，导航栏切换按钮不会下拉。一旦我移除
位置：固定CSS属性，所有内容都在导航栏中工作，除了它不再位于股票视频上方，并且在移动浏览器中切换导航栏菜单时，它会向下推视频。这不是我想要的结果，如果有人能帮我弄清楚如何让导航栏正常工作，同时保持用户浏览器顶部的固定位置，我将不胜感激


nav.navbar{
背景色：rgba（144188244.8）！重要；
位置：固定；/*
网站












将导航栏
z-index:
属性设置为
1
修复了以下问题：

nav.navbar {
  background-color: rgba(144, 188, 244, .8) !important;
  position: fixed;
  width: 100%;

  z-index: 1;
}

我还将
padding top
设置为
body
上导航栏的高度，如下所示：

body {
    padding-top: 59px; /* the height of your navbar */
}
nav.navbar {
    top: 0; /* bump the header back to the top */
}

将导航栏
z-index:
属性设置为
1
可修复此问题：

nav.navbar {
  background-color: rgba(144, 188, 244, .8) !important;
  position: fixed;
  width: 100%;

  z-index: 1;
}

我还将
padding top
设置为
body
上导航栏的高度，如下所示：

body {
    padding-top: 59px; /* the height of your navbar */
}
nav.navbar {
    top: 0; /* bump the header back to the top */
}

您还可以尝试使用bootstrap fixed top类来修复导航栏，如

<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">

您还可以尝试使用bootstrap fixed top类来修复导航栏，如

<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">

在视频顶部添加填充，以允许导航栏的高度

#stockVideo {
  width: 100%;
  height: auto;
  padding-top: 60px;
}


理想情况下，身体应该有垫顶，而不是像引导文档中建议的那样

“固定导航条使用位置：固定，意味着它们从
DOM的正常流，可能需要自定义CSS（例如，填充顶部
上）以防止与其他元件重叠。”

这是一个很好的例子

编辑

如果您想固定导航栏，请使用引导
fixed top
类。单独使用
position:fixed
将不起作用，因为您还需要设置z索引。正如您所看到的
fixed top
在这里起作用：

在视频顶部添加填充，以允许导航栏的高度

#stockVideo {
  width: 100%;
  height: auto;
  padding-top: 60px;
}


理想情况下，身体应该有垫顶，而不是像引导文档中建议的那样

“固定导航条使用位置：固定，意味着它们从
DOM的正常流，可能需要自定义CSS（例如，填充顶部
上）以防止与其他元件重叠。”

这是一个很好的例子

编辑

如果您想固定导航栏，请使用引导
fixed top
类。单独使用
position:fixed
将不起作用，因为您还需要设置z索引。正如您所看到的
fixed top
在这里起作用：


这不考虑页面上的动态内容，也不考虑某些页面会有不同的内容。我希望我的导航栏与股票视频和页面上的所有其他内容重叠，同时固定在用户浏览器的顶部，因此我将其透明化。此外，以前没有人问过这个问题。您需要回答的问题是：您的答案底部的E错误与我的问题不同，因为我的导航栏链接和移动切换程序由于
位置：fixed
CSS属性而无法正常工作。我是说填充顶部方面以前已经得到了回答。如果我认为问题是重复的，我会关闭它。如果您希望导航栏得到修复，u使用引导
fixed top
类。这将设置正确的top、right、left和z索引。仅使用position:fixed不会起作用。这不考虑页面上的动态内容或某些页面将具有不同内容的事实。我希望导航栏与股票视频和页面上的所有其他内容重叠，同时保持固定到e是用户浏览器的顶部，因此我将其透明化。此外，以前没有人问过这个问题。您在答案底部提到的问题与我的问题不一样，因为我的导航栏链接和移动切换功能由于
位置：fixed
CSS属性而无法正常工作。我是说，填充顶部的aspect以前已经被回答过。如果我认为这个问题是重复的，我会关闭它。如果你想修复导航栏，请使用引导
fixedtop
类。这将设置正确的顶部、右侧、左侧和z-索引。仅使用position:fixed不起作用。
z-index:1；
有效。谢谢。但是，我不想添加
padd使用顶部填充
是因为我希望导航栏位于视频顶部。
z-index:1；
有效。谢谢。但是，我不想添加顶部填充
，因为我希望导航栏位于视频顶部。我完全忘记了这一点，因为这是我不久后第一次使用引导。这非常有效，为我节省了一些额外的时间CSS行。谢谢。我完全忘记了这一点，因为这是我第一次使用bootstrap。这非常有效，为我节省了一些额外的CSS行。谢谢。