问题标签 [navbar]

如何在 Twitter Bootstrap 的导航栏中插入徽标图像？

主要要求：

图片需要放在左边。

品牌类要紧随其后。我尝试将品牌向右移动。可以看到图像，但在移动设备或小型浏览器窗口中，品牌类别位于图像之上。

最右边的下拉菜单。

我一生都无法弄清楚我的导航栏只有在主页以外的页面上有一些额外的填充或边距。在主页上看起来不错。

我已经花了几个小时在这上面，我束手无策。

你可以在这里看到网站

点击关于我们或博客文章，看看它的变化。这个模板在 css 方面有点乱（至少对我来说），我无法弄清楚其他页面上实际发生了什么变化。

我希望有人可以在这里提供帮助。

在此先感谢，

是的，所以，我一直在自我编辑一个相当复杂的网站，并且一直停留在涉及菜单的最后一部分。它有一个 float:left 命令（导航栏显示在屏幕左侧），我一直在尝试使用包装器将其设置为 text-align:center（在屏幕内居中），但没有成功。

下面是编码：

我是一个编程菜鸟，几乎可以通过反复试验和谷歌浏览器中的“检查元素”命令来生存。请温柔而解释性强:)

干杯，杰斯

我创建了自定义导航栏图标，它们出现了。他们被困在一个圆圈内。有没有机会从内置的查询移动设备中获得更大的图标？

请查看以下页面以了解我的意思：

https://web.archive.org/web/20120511013421/http://evangelich.de/test/#p5

这是我的代码：

CSS：

HTML：

怎么了？我该如何改变呢？

我正在使用 Dreamweaver CS6，并附上了下面的代码。我将所有 jquery 文件更新为最新版本。当我进入实时视图时，我可以单击前两个按钮，但第三个按钮在任一页面上都不起作用，并且右侧没有干净的边缘。css或代码本身是否有问题。谢谢

我正在使用 Dreamweaver CS6，并附上了下面的代码。我将所有 jquery 文件更新为最新版本。当我进入实时视图时，我可以单击前两个按钮，但第三个按钮在任一页面上都不起作用，并且右侧没有干净的边缘。css或代码本身是否有问题。谢谢

我使用 Twitter Bootsrap 的导航栏在我的网站顶部放置一个导航栏。(class="navbar navbar-fixed-top")
我还需要使用谷歌翻译小部件。
我使用这里写的工具。

但是当用户选择一种语言进行翻译时，谷歌会在我的页面顶部放置一个水平导航栏。该栏掩盖了我自己的导航栏。我需要我的导航栏出现在谷歌水平栏的正下方。

我应该使用 z-index 吗？但在那种情况下，其中一个会掩盖其他导航栏？有更好的解决方案吗？将其中一个显示在另一个下方？谢谢

编辑：当我在页面顶部添加以下代码时，Google 在我的导航栏之前放置了一个导航栏，一切看起来都很好。但不好的是，Google 的导航栏对每个用户都是可见的。我只需要向不说我页面语言的用户展示。

编辑：我想没有像“如果语言不同则显示谷歌翻译”和“显示单杠。如果我在不考虑用户语言的情况下加载单杠，一切正常。但母语人士看到谷歌翻译栏。哪个从我的页面中占用空间。

我正在尝试使用 JQuery 创建一个滑动导航菜单。这个想法是我将有两个或更多主要部分，每个部分将有几个小节。

当用户将鼠标悬停在一个部分上时，子部分将水平扩展，如果另一个部分当前打开并显示其子部分，它将折叠回仅显示主要部分。

我已经实现了一些基本代码来扩展部分的宽度，如下所示。

用于此的 HTML 是

它目前并没有真正做任何事情，并且希望对此有任何帮助。另外，如果我确实可以正常工作，是否有任何浏览器特定的事情需要注意？

编辑：我没有提到当一个部分被扩展时，我希望它保持在那个状态，直到另一个部分被悬停。

谢谢

我正在使用 jQuery Mobile 创建一个 WebApp。

我有一个这样的页面：

现场演示位于http://jsfiddle.net/FB9KJ/

它工作正常，但我不想<div data-role="navbar">为每一页重复。

有没有办法在所有 jQuery Mobile 页面上使用相同的导航栏？

我希望能够使页面的导航死点居中，并使其以不同的分辨率保持居中。我不想使用偏移量将其推过或向左移动，因为这只会在不同的浏览器宽度下搞砸。这是我正在搞乱的典型栏，但 ul 总是左对齐。

所以我有这个我正在制作的导航栏；我有一个Jsfiddle来演示。如果您将鼠标悬停在一个元素上，则会出现子列表，但如果您仔细观察，它的左边缘距离调用它的导航栏元素仅 1 个像素。

有没有我可以添加的 CSS 规则来摆脱这个问题，即将子列表移回一个像素？我知道可以使用 JS 来实现这一点（获取每个导航栏元素，计算它与左侧的距离，获取它的子列表并给它一个比元素的左值小 1 的左值），但现在我想暂时避免它。

如果可能，我更喜欢 CSS 解决方案，但当然不是，请告诉我，如果可以，请提供 JS 替代方案。