将Bootstrap导航栏固定到屏幕顶部

文章/答案/技术大牛

发布

1回答

javascript、html、css、twitter-bootstrap

如何将Bootstrap导航栏固定在屏幕顶部？我试过导入JS代码，但它似乎不起作用，最糟糕的是，当它被实现时，它试图停留在顶部时出现故障，但当你向下滚动时，它实际上不是一个粘性的导航栏。此外，当您更改尺寸使其更小时，导航栏将进入汉堡包布局。然后，当你将鼠标悬停在它上面时，汉堡按钮图标上会有一个黑色的阴影/背景。我们怎样才能摆脱它呢？如果

浏览 76提问于2021-07-02得票数 0

回答已采纳

4回答

修复了Chrome for iPhone上导航栏与浏览器顶部分离的问题

html、css、iphone、google-chrome

我有一个网站，有一个固定在顶部的引导导航栏()，我注意到，在iPhone上使用Chrome时，当快速滚动时，导航栏与屏幕顶部的距离只有几个像素。这如下面的屏幕截图所示，来自bootstrap navbar示例页面：这只发生在iPhone的Chrome上，而不是iPad或我测试过的任何Mac/PC上。这也发生在我能找到的每个有固定导航栏

浏览 4提问于2016-02-02得票数 14

1回答

导航栏过多扩展块内容，如何解决？

django、twitter-bootstrap

我正在使用django和bootstrap，但我遇到了一个无法解决的小问题。问题是base.html上的导航栏位于profile.html上的div上。当它不应该出现的时候。请参阅图像以澄清问题。DOCTYPE html><html> <link href="{% static 'css\bootstrap.min.css> <p class="navbar-text

浏览 29提问于2016-09-19得票数 0

回答已采纳

2回答

Bootstrap:导航在开始处不固定，然后固定

twitter-bootstrap-3、header、fixed、nav

我想知道是否可以使用bootstrap来创建带有徽标和其他信息的标题，然后是导航栏。但是徽标不是固定的，只有导航栏是固定的，当它位于页面顶部时。

浏览 4提问于2016-09-05得票数 0

1回答

响应式引导导航栏、缩放和滚动

twitter-bootstrap、responsive-design、zooming

我正在学习Twitter Bootstrap 3，试图建立一个响应式的网站。我使用标准示例创建了一个导航栏。它在小屏幕和漂亮屏幕上的表现都很好，但有一种情况除外:缩放。当我缩小页面时，导航栏的大小增加，最右边的菜单项从屏幕上消失。我不能以任何方式平移或滚动它来再次查看它。我可以完全禁用缩放功能。但是Bootstrap文档说，这并不总是最好的想法，理想情况下，我希望确保需要更大字体的人可以访问页面。我可以做些什么来确保导航</

浏览 3提问于2014-03-20得票数 2

2回答

如何强制Bootstrap* Navbar Fix to Top Push Down(幻灯片)元素位于*

twitter-bootstrap、twitter-bootstrap-3

正如你在 Bootstrap 3看到的，固定到顶部的导航栏并不像常规的导航栏那样在向下滑动元素时表现，后者在小屏幕中位于导航栏之后。相反，它将导航栏覆盖在内容元素的顶部。现在你能让我知道有没有办法强制修复导航栏也可以像普通导航栏一样在滑动时上下推送内容？谢谢

浏览 3提问于2014-12-18得票数 6

回答已采纳

2回答

Bootstrap导航粘滞在页面顶部

html、css、angular、twitter-bootstrap

我对Bootstrap导航栏有问题。nav> <app-footer></app-footer> 当我打开页面时，导航栏在页面的顶部，不出所料，但当我滚动它时，它会停留在页面的顶部，而不是屏幕的顶部(所以它不会跟随滚动

浏览 2提问于2018-05-03得票数 0

2回答

可以在固定的div上进行覆盖吗？

css、twitter-bootstrap

我使用Bootstrap作为我的UI框架，导航栏固定在顶部。我想要一个覆盖整个屏幕的覆盖。目前，导航栏还没有被接管。这个是可能的吗？

浏览 3提问于2012-09-19得票数 0

回答已采纳

4回答

iPad上的引导导航栏

twitter-bootstrap

does文件很好地将导航栏转换为iPad上的下拉菜单。还是我做错了什么？

浏览 3提问于2012-04-17得票数 2

回答已采纳

2回答

修复了768 x 1024视图的引导导航栏消失的问题

css、html、twitter-bootstrap、responsive-design

我下载了bootstrap AZY responsive 1页面模板，但无法让固定导航栏停留在768x1024 (iPad -肖像)分辨率的屏幕顶部。对于从240x320到1024x768的所有其他值，它保持固定在顶部。navbar-fixed-top { right: 0; z-index: 1030;} 如果将</

浏览 0提问于2013-04-05得票数 3

回答已采纳

1回答

修复Bootstrap中的多个导航容器？

javascript、jquery、css、twitter-bootstrap

我是一个Bootstrap/css新手，所以如果之前讨论过这个问题，我很抱歉……我一直在寻找各种顶级导航的可能性，并一直在使用“navbar -fixed top”来测试Bootstrap的导航栏预设。我的问题是:是否有可能在一个容器上应用一个“固定”标签，这个标签可能包含多个项目(徽标和多个导航菜单行)？以这个站点为例：是否可以将站点的顶部区域(紫色和白色行)都固定在屏幕顶部</

浏览 0提问于2015-05-16得票数 1

1回答

Bootstrap navbar固定顶部:丢失Jumbotron部分的顶部

twitter-bootstrap、navbar

我正在使用示例页面Bootstrap导航栏固定顶部的地址：当这种情况发生时，Joombotron部分的顶部被覆盖并在导航栏后面丢失(单击以查看下图)。如何修正才能确保Jumbotron始终低于导航<

浏览 2提问于2016-10-31得票数 2

2回答

将UINavigationBarController隐藏在第一视图控制器和AutoLayout中

ios、autolayout

我有一个有3个屏幕的应用程序的设计我选择将视图控制器嵌入到导航栏中。但是这样做，第一个视图控制器上的Aut

浏览 3提问于2015-04-17得票数 0

1回答

Bootstrap 4使导航栏品牌的图像在大屏幕上重叠，并在小屏幕上缩小以适合

css、twitter-bootstrap、bootstrap-4

我希望在不改变导航栏高度的情况下，将导航栏的品牌图像与导航栏重叠(导航栏的固定高度为80px)。它有点工作，但是我不能让图像完全曝光，它是在顶部被剪切的。我希望它从屏幕的顶部开始，没有任何填充。在屏幕小于md的设备上，重叠的图像被隐藏，另一个图像被显示，现在应该是img-fluid，并将其大小调整为导航栏的大

浏览 0提问于2019-02-11得票数 0

1回答

当导航栏只出现在一列中时，使导航栏在所有视图中都保持在最前面- ReactJS

javascript、css、reactjs、responsive-design、navbar

我正在构建一个reactJS应用程序，其中导航栏只出现在中间列中。但是当我切换到移动视图时，由于bootstrap的原因，默认情况下导航栏位于第一列的下方。如果我尝试将位置更改为固定顶部，它将扩展到所有列。我需要它在lg和md视图中都在中间，但在小屏幕上它应该在第一列的上方。我附上了一个截图。如何在我的网站中进行此更改?？

浏览 1提问于2020-12-29得票数 0

2回答

Bootstrap 3-如何在滚动中使导航栏粘滞

css、html、twitter-bootstrap、twitter-bootstrap-3

我想做的是让导航栏停留在页面的顶部，当你滚动它的时候。由于我是JavaScript的新手，我看了一些教程，但是，它们都没有真正使用Bootstrap导航栏。我只是想知道是否有办法做到这一点，以便它与Bootstrap列一起工作。 <div class="container"> <nav cla

浏览 0提问于2017-01-20得票数 5

回答已采纳

1回答

当iframe处于全屏模式时，如何隐藏导航栏？

css、iframe、nav

我在屏幕顶部设置了一个固定位置的导航栏，z索引为1。当我单击iframe进入全屏模式时，导航栏仍然位于iframe的顶部。当我将导航栏置于全屏模式时，如何隐藏导航栏或将iframe移到最前面？

浏览 70提问于2018-01-21得票数 0

2回答

多个导航栏:仅显示第一个导航栏

twitter-bootstrap

我想使用Bootstrap 3在我的want应用程序中显示导航栏。我使用了以下代码。基本上有两个部分，第一部分是固定顶部，第二部分是静态顶部。

浏览 23提问于2016-08-26得票数 0

2回答

固定导航栏在不同的屏幕大小

twitter-bootstrap-3、navbar

有没有办法使用Bootstrap 3修复导航栏，让它在md+上固定在顶部，而在较小的设备上固定在底部？我是前端，不知道JavaScript，所以请详细说明，其中可能包括JS！提前谢谢。

浏览 5提问于2014-11-15得票数 2

2回答

引导导航栏没有在IE11上正确地居中

css、twitter-bootstrap、internet-explorer-11、navbar

我正在原型一个非常简单的引导导航条，我希望它的最大宽度为600 of，以屏幕为中心，并固定在顶部。然而，在IE11上，导航条不是居中的，而是粘在屏幕的左边(正确地应用了600 on的宽度)。查看检查屏幕后，我可以将问题缩小到“位置:固定”属性，应用于..navbar固定底部和..navbar固定顶部类(bootstrap.min.css(5))。当我取消选择IE检

浏览 1提问于2017-01-28得票数 0

回答已采纳

点击加载更多