Bootstrap固定顶部导航栏

文章/答案/技术大牛

发布

14回答

twitter bootstrap导航栏修复顶部重叠站点

html、twitter-bootstrap

我在我的网站上使用bootstrap，导航栏固定顶部有问题。当我只是使用常规的导航栏时，一切都很好。然而，当我尝试将其切换到导航栏固定顶部时，网站上的所有其他内容都向上移动，就像导航栏不在那里一样，导航栏与其重叠。navbar.navbar-fixed-top .container .co

浏览 213提问于2012-06-21得票数 370

回答已采纳

1回答

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

twitter-bootstrap、responsive-design、zooming

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

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

2回答

Bootstrap导航粘滞在页面顶部

html、css、angular、twitter-bootstrap

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

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

1回答

html、css、angular、bootstrap-4

我正在构建一个带boostrap的SPA，导航栏是固定顶部的。当我添加内容时，它会被导航栏截断，除非我将元素margin top指定为58px，或者使用下面的样式有所帮助，但不是可持续的，因为我在应用程序上有很多行。

浏览 16提问于2020-05-10得票数 0

1回答

为什么我在_Layout.cshtml中的视图顶部有空格？

asp.net-mvc、razor

</footer> @Scripts.Render("~/bundles/bootstrap</footer> @Scripts.Render("~&

浏览 17提问于2017-01-23得票数 2

2回答

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

twitter-bootstrap-3、header、fixed、nav

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

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

2回答

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

twitter-bootstrap、twitter-bootstrap-3

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

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

回答已采纳

2回答

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

twitter-bootstrap

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

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

16回答

如何将导航栏静态引导至固定滚动？

javascript、jquery、html、css、twitter-bootstrap-3

我想使静态导航栏，以固定导航栏滚动，当它达到页面顶部。有没有办法使用bootstrap 3css或javascript获得它？

浏览 5提问于2014-01-23得票数 33

1回答

指向部分标题的引导链接被导航栏隐藏-固定-顶部

twitter-bootstrap

我在使用带bootstrap的章节引用链接时遇到了一些问题。我有一个固定在页面顶部的导航栏，然后在span3中的一些部分导航，因为这里的项目链接到span9中的标签。我用60px填充了正文，使页面内容位于固定导航栏的下方，但当我使用部分链接时，相关链接与页面顶部、导航栏下方对齐-这意味着标题将被隐藏。我已经看过了，但是这个填充了部分本身，这改变了间距。我想保持页面的间距作为<em

浏览 3提问于2013-01-13得票数 4

回答已采纳

1回答

Twitter Bootstrap:固定标题和右侧边栏

header、twitter-bootstrap、fixed、sidebar

我正在尝试创建与twitter bootstrap的布局，我需要有正确的侧栏和标题固定。我应该看起来像这个演示，但我需要在右侧固定侧栏，我需要在顶部标题导航和横幅图像，而不仅仅是导航栏。

浏览 0提问于2012-09-11得票数 8

回答已采纳

1回答

Boostrap导航浮动在google地图的顶部

css、twitter-bootstrap

如何让引导导航栏浮动在google地图的顶部？ </style> <script type

浏览 2提问于2014-03-25得票数 1

2回答

在Bootstrap 3.0中创建粘性侧边导航栏

jquery、twitter-bootstrap-3

我想在我的网站左侧创建粘性侧导航栏。我正在使用Bootstrap 3 RC2。我不知道如何创建它。

浏览 1提问于2013-09-02得票数 12

1回答

bootstrap导航栏可垂直扩展

html、twitter-bootstrap

我正在尝试让一个bootstrap导航栏固定在顶部(我已经这样做了)，并使它可以垂直扩展。我想把一个谷歌地图和我的所有控件在这个导航栏固定在顶部，使它可以垂直扩展，以便用户可以改变其大小在一个响应式的方式。我的导航栏和google地图div的代码： <div class="navbar navbar-default navbar-fixed-top">

浏览 0提问于2016-03-11得票数 0

2回答

CSS如何样式，以便我可以切换另一个菜单上方的引导导航栏-固定-顶部？

html、css

我的应用程序使用的是bootstrap navbar-fixed top。但是，我们现在需要显示另一个菜单，该菜单将在导航条固定顶部上方切换打开/关闭。我的问题是CSS。为了打开这个菜单(它看起来确实像一个100%宽的导航栏，大约40px高)，我应该把身体往下推吗？如果我这样做，导航栏固定的顶部仍然固定在顶部。

浏览 20提问于2016-09-21得票数 0

1回答

未显示Div数据

html、css、twitter-bootstrap-3

我是Web开发新手，我编写了以下代码：<div class="container-fluid"> <a class="navbar-brand" href="https://in.linkedin.com/in/debdebashis" target="_blank">Deb

浏览 2提问于2016-03-30得票数 1

回答已采纳

1回答

Top-修复了导航栏上的警告

html、css、twitter-bootstrap

我有一个使用bootstrap 4.5的网页我正在努力在固定顶部导航栏的上方添加一个警报。警报目前位于导航栏的顶部，隐藏了一半的警报。我如何保持导航栏的顶部固定，同时在它上面有一个警告？<button type="button" class="close" data-dismiss="alert">&

浏览 12提问于2021-01-26得票数 1

回答已采纳

2回答