问题标签 [navbar]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
22422 浏览

css - 如何将文本阴影添加到 Twitter Bootstrap 导航栏链接?

到目前为止,我已经尝试过:

和:

两者都不起作用。是什么赋予了?

仅供参考,我的导航栏 html 代码与 Twitter Bootstrap 演示代码相同:

0 投票
1 回答
557 浏览

jquery - 带有两个导航栏的jquery mobile

我在第 1 页中有导航栏 A,在第 2 页中有导航栏 B,当我单击第 2 页中的导航栏 B 时,第 1 页中的导航栏 A 失去了焦点,所以当从第 2 页返回到第 1 页时,第 1 页没有显示任何内容因为导航栏 A 失去活动。

在page 1的Header中:</p>

在第 2 页的页脚中:

在我的 javascript 文件中,我使用它来收听第 1 页的导航栏事件:

如在第 2 页的导航栏中:

有什么想法吗?谢谢。

0 投票
5 回答
11128 浏览

html - 中心导航栏并添加顶部/底部边框

我想在这个站点上(自动)居中导航栏。另外,我需要有一个 1px 边框顶部和 1 像素边框底部,以扩展大约 70% 的导航区域。

完成后它应该看起来像这个模型:

屏幕

0 投票
1 回答
3604 浏览

html - 使用 Rails 设置 HTML 元素的类?

我有一个安装了 Twitter Bootstrap 的 Rails 应用程序。Bootstrap 将每个导航栏链接封装在一个 HTML 列表元素中,如下所示:

当链接是当前页面时,Bootstrap 允许您通过将列表元素的类(而不是链接本身)设置为“活动”来突出显示它,如下所示:

我的问题是:如何使用 Rails 以编程方式将列表元素的类设置为“活动”(如果它是当前页面)?

我知道如何为链接完成。例子:

但我不知道如何为父列表元素完成。

0 投票
4 回答
11205 浏览

html - 无法让 twitter 引导导航栏工作?

我浏览了一堆教程,并且在这里阅读了一堆问题的答案。我不知道发生了什么事。我按顺序链接到 bootstrap.css、bootstrap-responsive.css、bootstrap.js、jquery 和 bootstrap-dropdown.js。当我从页面源中单击每个时,它会正确显示。但是,当我单击下拉列表时,什么也没有发生。这是它的html代码:

如果有人有任何想法,请告诉我。

0 投票
2 回答
5993 浏览

css - CSS中带有图像+文本的水平导航栏

我觉得不得不问这个问题是个白痴,但我总是不惜一切代价回避 CSS,而且我现在发现自己又需要它了,我一直在寻找谷歌的例子,但没有运气。

基本上我有特定于每个类别的图标,并希望使用这些图标在 CSS/HTML 中创建一个水平导航栏,但也在它们下方显示一个文本链接。我找到了做其中一个或另一个的片段,但每次我尝试将两者结合在一起时,整个页面似乎都崩溃了。

谁能提供一个如何做到这一点的例子?如果它有帮助,它基本上看起来像......

0 投票
2 回答
598 浏览

javascript - 需要居中整个导航栏,包括子菜单,找不到正确的代码。我的 JavaScript 搞砸了吗?

我一直在摆弄这段代码一个半小时,只是想弄清楚如何使元素居中。我的 div 似乎不影响 ul 或 li,我不知道如何将其居中。我无论如何都不是专业人士,这是我在网上找到的一些免费代码以及我由朋友提供的一段 javascript,以使其完全符合我的要求,这是一个水平下拉列表 [还有子菜单水平]。请有人帮助TT

在这里查看我现在得到的内容的实时预览

这是代码

0 投票
1 回答
596 浏览

ios - 子视图添加到导航栏ios

我在 Ipad 上的 navigationController.view 上将视图显示为子视图时遇到问题。我需要在我的viewController(带有navBar)上显示具有透明背景的视图,但是当我改变方向时,我的navBar 在我的视图的前景上变得可见;我创建了简单的基于视图的应用程序。这是我添加到项目中的代码:

0 投票
3 回答
17370 浏览

html - 导航栏以较小的分辨率包装

我正在尝试将 HTML5/CSS3 作为学习过程,但我正在努力创建一个导航栏,以链接到我页面中的其他部分。我从找到的教程中改编了代码,它可以工作,但只有在 1080p 分辨率下查看时,如果宽度更小,条形图会缠绕到其他线条上。

无论用户使用什么分辨率,如何确保导航栏只占用一行(缩小以适应)?

图像

这是导航栏的 CSS 代码。请注意,在导航下,我将宽度设置为 33.3%,并将填充设置为相同,以便使按钮居中。不知道是不是这个原因。

0 投票
1 回答
132 浏览

styling - 导航页面时如何实现稳定的导航栏?

如何使导航栏像 Twitter 或 Facebook 一样稳定?在这些网站上,导航栏甚至没有退缩。它总是可见的,只有页面内容发生变化?我怎么能做这样的事情?