Bootstrap 4导航栏下拉菜单更改其他导航项目位置时出现问题

文章/答案/技术大牛

发布

2回答

html、twitter-bootstrap、bootstrap-4

我的网站导航栏有问题。当我展开导航栏时，它工作得很好，但当它处于折叠状态时(对于移动设备)，导航栏中的下拉项将其他元素推到左侧，并忽略使下拉框右对齐的代码( dropdown -menu- right )。Codepen <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/c

浏览 5提问于2019-03-08得票数 0

回答已采纳

0回答

Bootstrap菜单列表项下拉非按钮

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

我在使用bootstrap的导航栏时遇到了困难。我想创建一个使用bootstrap下拉菜单列表。问题是li在导航栏上。我知道bootstrap有下拉列表，但它用于按钮，在这种情况下是不合适的。我如何在我的引导导航栏中有一个ul li下拉列表？例如，假设我有5个页面，我希望页面是可见的，当我单击以显示在其他4个页面的下方时？我想创建一个导航

浏览 9提问于2016-07-21得票数 0

1回答

WordPress菜单问题:下拉菜单标题打开空白页

wordpress、menu、drop-down-menu

我有一个下拉菜单在运行。我创建了一个类别。让我们称它为“我的页面”。我想在这个类别下列出我的网站中的页面(而不是帖子)。在可湿性粉剂的菜单部分，我拖动所需的页面，并将它们放在“我的页面”下。菜单出现，我可以使用下拉菜单来选择我想要的页面。谢谢。 -Laxmidi

浏览 1提问于2011-04-06得票数 0

回答已采纳

1回答

Bootstrap 4:在小屏幕上使用导航栏菜单上的块级按钮，但在展开时保持正常大小的按钮

html、css、bootstrap-4

我使用的是bootstrap 4 beta版。目前，这些都是左对齐，如下图所示。我认为使用块级按

浏览 2提问于2017-10-11得票数 0

1回答

导航栏文本大小

twitter-bootstrap-3

我在Bootstrap里有个导航栏。我的网格设置为"md"，所以当我缩小我的sreen时，导航栏项目会消失，并放在一个下拉按钮中。也就是说，它可以正确地折叠。我的导航栏中只剩下品牌和下拉按钮。但是当我增加文本大小时，比如 font-size: 18px;有一个中间步骤，导航栏项目下的标志(在768px和991px之间)，我不想要

浏览 0提问于2015-09-24得票数 0

3回答

当边框变成菜单下拉菜单时，如何删除边框？(角度)

html、css、angular、bootstrap-4

我有一个导航栏，上面有3个“项目”。在小屏幕上，这个导航栏变成了一个菜单下拉菜单。在全屏导航栏中，我在"nav-item-1“(项目1)中的边框右边是1px。当边框变成菜单下拉菜单时，如何删除边框？顺便说一句，我正在使用Angular框架和HTML5，SCSS，TypeScript，Bootstrap 4。nav-item-1”边框的scss： .nav

浏览 3提问于2020-07-05得票数 0

1回答

Bootstrap 4- Dropdown w/ Toggleable-XL

twitter-bootstrap、bootstrap-4、twitter-bootstrap-4

所以我一直在使用Bootstrap 4和Understrap进行我最新的主题开发，我遇到了一个奇怪的bug，它有dropdown功能。似乎在使用toggleable-xl导航栏时，下拉菜单会在打开时调整整个导航栏的大小。下面是这个问题的一个例子：您可以看到，通过将toggleable-xl更改为toggleable-sm，它可以解决这个问题。我必须使用toggleable-xl的原因是想要删除导航栏</em

浏览 7提问于2017-02-24得票数 0

2回答

修改twitter引导导航栏

css、ruby-on-rails、twitter-bootstrap

我一直在尝试修改twitter的bootstrap导航栏，目前所有的链接都是左对齐的，而我真正想要的是让它们居中。pills { padding: 0;}我需要在css中做些什么才能做到这一点，我知道我把修改过的css放在了bootstrap

浏览 2提问于2012-05-13得票数 22

回答已采纳

1回答

Bootstrap下拉菜单链接不会与导航栏中的其余链接对齐

html、css、twitter-bootstrap、drop-down-menu、navbar

由于某些原因，下拉链接与Bootstrap导航栏中的其余链接不对齐，并且位置较低。我还可以看到，当使用实时预览时，它被奇怪地放置在它的边界内，这可以在我的屏幕截图中看到。事实上，我不能改变下拉链接的位置在所有的定位，页边距或填充。o-transition: all 0.5s ease-in-out;} color: #4EB848; .na

浏览 20提问于2018-02-17得票数 2

2回答

如何使下拉菜单向下打开而不是横向打开？

html、css

启动下拉菜单时出现问题<code>A0</code> 在导航栏中，下拉菜单是横向打开的，位于下拉按钮的左侧，而不是向下。怎样才能让它往下走？

浏览 28提问于2019-08-20得票数 0

1回答

Bootstrap导航栏定制

html、css、twitter-bootstrap

我正在开发一个Bootstrap网站，我发现一个网站有这个导航栏设计，我喜欢。但我不知道他们是怎么做到的，或者它是否有可能在Bootstrap中实现。1.导航栏中项目之间的竖线。2.当鼠标悬停在导航栏中的某个项目上时，下拉菜单(而不是那些单词的对齐方式)将始终与左侧的父菜单对齐。该网站是。非常感谢！

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

1回答

浏览器如何从两个不同的css选择器规则中选择要呈现的css属性值？

css、twitter-bootstrap、navbar

我正在做一个引导项目，第一个任务是使用引导导航栏在标题中构建导航。我想使用Bootstrap的折叠功能来创建下拉菜单div，当用户悬停或激活导航项时，它将是可见的。我想使这个下拉菜单div 100%的屏幕宽度。下面是示例代码： <li class="dropdown"> <a ...>ABOU

浏览 0提问于2017-04-19得票数 0

回答已采纳

1回答

下拉菜单在不正确的导航栏项目下呈现

drop-down-menu、alignment、twitter-bootstrap-2

我正在使用Bootstrap 2构建一个网站，我想在导航栏中的一个项目中添加一个下拉菜单。请注意，在上面的屏幕截图中，dropdown呈现在"Admin“(最左边的导航栏元素)下，而不是"Locator”(激活下拉菜单的元素我如何解决这个问题，使下拉菜单</

浏览 1提问于2013-01-21得票数 7

回答已采纳

1回答

Bootstrap 4下拉宽度

menu、width、dropdown

我知道如何更改bootstrap 4下拉菜单宽度： .dropdown-menu{ min-width: ??px;} 但是，如果我的导航栏上有多个下拉菜单，如何更改仅一个特定下拉菜单的宽度？px;} 将id添加到特定的下拉菜单中，但这不起作用。如何解决？

浏览 20提问于2019-03-06得票数 0

回答已采纳

13回答

使用twitter bootstrap下拉菜单的Z索引问题

drop-down-menu、twitter-bootstrap、z-index

我在页面顶部的固定导航栏中使用twitter bootstrap下拉菜单。这一切都很好，但我有下拉菜单项显示在其他页面元素后面，而不是在他们前面的问题。如果页面上有任何带有position: relative的东西(比如jquery ui accordion或google图表)，那么下拉菜单就会显示在它后面。尝试更改dd菜单和导航栏的z-index，但没有任何不同。让菜单位于其他内容之上的唯一方法

浏览 1提问于2012-12-17得票数 59

1回答

下拉式悬停在所有下拉式菜单的相同位置显示div或modal

c#、css

大家好，我正在尝试使用导航栏中的下拉菜单，并希望在悬停时显示div上所有的下拉菜单，我该怎么办。我试过了，但我希望div应该显示在所有下拉列表的相同位置。我尝试了bootstrap的模式，但它不起作用。

浏览 1提问于2020-06-10得票数 0

2回答

Bootstrap 3导航栏跳到两行而不是崩溃？

twitter-bootstrap-3

我想我错过了显而易见的东西，但我有一个Bookstrap 3导航栏，它在桌面视图中工作得很好，但当我挤压宽度时，它达到了平板电脑的大小，而不是折叠到切换菜单中，它将菜单跳到两行：我尝试过通过媒体查询来减小导航栏中的文本大小

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

1回答

选择折叠时导航的下拉菜单

menu、twitter-bootstrap、responsive-design、nav

当bootstrap为较小的视口折叠时，我不喜欢折叠的3行导航按钮。有没有办法让导航栏折叠到一个选择下拉菜单，同时把它放在页面的其他地方，而不是放在右上角？就像这样：

浏览 2提问于2012-11-30得票数 2

6回答

Bootstrap 3在菜单项上隐藏下拉菜单单击

jquery、twitter-bootstrap、drop-down-menu、responsive-design、uinavigationbar

我有一个基本的Bootstrap 3响应式导航，如下所示： </ul> </div>

浏览 78提问于2013-08-10得票数 15

回答已采纳

1回答

导航栏中的bootstrap4下拉式推动和移动导航项

javascript、bootstrap-4、navbar、dropdown

我正在创建一个导航栏使用Bootstrap4和添加一个导航项目按钮，以下拉菜单。但问题是，当菜单下降时，其他导航项目就会被推来推去(改变位置)。下面的代码演示了最后一项的水平推送。但在我的网站，其中包含了更多的导航项目，下降也会导致其他导航项目的垂直移动。

浏览 2提问于2020-06-16得票数 0

回答已采纳

点击加载更多