在bootstrap 4中使菜单图标保持不动和全宽度下拉菜单
在Bootstrap 4中，要使菜单图标保持不动并实现全宽度下拉菜单，可以通过以下步骤实现：
- 首先，在HTML文件中引入Bootstrap的CSS和JS文件。可以使用CDN链接或本地文件引入。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>- 创建一个导航栏，并在导航栏中添加一个下拉菜单。可以使用Bootstrap提供的
navbar和dropdown类来实现。
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Logo</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Item 1</a>
<a class="dropdown-item" href="#">Item 2</a>
<a class="dropdown-item" href="#">Item 3</a>
</div>
</li>
</ul>
</div>
</nav>- 使用自定义CSS样式来保持菜单图标不动。可以通过设置
position: absolute;和z-index: 1;来实现。
.dropdown-toggle::after {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}- 使用自定义CSS样式来实现全宽度下拉菜单。可以通过设置
width: 100vw;来实现。
.dropdown-menu {
width: 100vw;
}完整的示例代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap 4 Menu</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<style>
.dropdown-toggle::after {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.dropdown-menu {
width: 100vw;
}
</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Logo</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Item 1</a>
<a class="dropdown-item" href="#">Item 2</a>
<a class="dropdown-item" href="#">Item 3</a>
</div>
</li>
</ul>
</div>
</nav>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>
</body>
</html>这样，你就可以在Bootstrap 4中实现菜单图标保持不动和全宽度下拉菜单了。
相关·内容
我使用的是bootstrap 4 beta版。
我有一个导航栏，当屏幕全尺寸时，它使用标准大小的按钮作为导航项目，这些按钮显示在导航栏的右侧，与站点徽标一起显示，站点徽标位于导航栏的左侧。
我希望这些按钮跨越宽度的导航栏下拉菜单时，屏幕很小，汉堡菜单是切换。
目前，这些都是左对齐，如下图所示。
我认为使用块级按钮会在下拉菜单上给我想要的结果，但它们在全尺寸导航栏上不起作用。
我的问题是，当切换汉堡菜单时，如何使第二张图片中的按钮跨越下拉菜单的宽度，但当屏幕较大且没有像第一张图片那样折叠到汉堡菜单时，如何使按钮显示为正常大小？
浏览 2提问于2017-10-11得票数 0
1回答
使用Bootstrap有没有一种方法可以在视频( mp4 )上覆盖字形图标下拉菜单，或者，我可以将mp4作为背景吗？我试过了所有的方法，但都不能正常工作。我可以让字形图标覆盖视频，但不能让它作为下拉菜单使用。我也可以让下拉菜单在背景上工作，但似乎不能让视频作为背景工作。
谢谢，乔恩
浏览 1提问于2016-10-25得票数 0
我正在尝试自定义使用CSS导航条，但有问题，如何使子菜单的100%宽度。目前看来是固定的。当没有足够的空间显示整个菜单时，我也在试图找出如何使子菜单显示在下拉菜单的两边。
信息。目前，无论子菜单的大小如何，它们都会出现在菜单的右侧。
我尝试过在CSS中添加各种位置:并显示:标记。
海军条形码：
CSS代码：
/*****顶部菜单*/ .navbar {页边: 0；背景：#fff；边框: 0；-moz-边框-半径: 0；-webkit-边框-半径: 0；边框-半径: 0；}ul.nabar-导航{字体大小:14 5px；颜色：#888；文本转换:大写；}ul.nabar-nav
浏览 1提问于2019-01-30得票数 0
1回答
我似乎对小视图中的Bootstrap折叠下拉功能有一个奇怪的问题。我在XS和S视图的标题中都有图标，在XS中，点击这些图标将扩展功能，而在S中，这些下拉菜单已经打开，如果我尝试点击与下拉菜单交互的按钮，我会得到一个奇怪的动画。
Iv注意到关闭显示：！重要；在引导css (浏览器调试器)中的导航栏-折叠。似乎可以解决这个问题--然而，无论出于什么原因，这都是一个糟糕的修复方法--我不知道如何在我的自定义样式表中重写它。有没有人遇到过类似的Bootstrap崩溃下拉菜单问题？
我已经创建了一个Bootply文档，图片和字体--可怕的图标不会出现在那里，所以它看起来有点奇怪，忽略红线，因为它是用来测
浏览 1提问于2015-10-16得票数 3
我在引导4中创建了一个下拉菜单。我将下拉按钮和下拉菜单放在一个带有class=“容器”的div元素中，我希望下拉切换和下拉菜单能够获得其父元素的全部宽度。我写了这段代码
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<body>
<div class="container">
<button class="dropdown-t
浏览 0提问于2018-09-09得票数 5
回答已采纳
我已经建立了我的第一个网站，我遇到了一些我自己无法解决的问题。
该网站是Bootstrap 4。
<--我的导航
1:我的主要问题是与IE和Edge (可能还有Firefox)的兼容性。在Chrome中一切运行正常。
当我在IE11中打开它时，导航下拉菜单是无法定位的，也不会在点击时保持打开状态。我该如何解决这个问题？
2:我的第二个问题是全屏html5视频功能，它不能在IE11或Edge上显示。
HTML：
<video autoplay muted loop id="homeVideo">
<source src="./local
浏览 0提问于2020-05-10得票数 2
2回答
我在Bootstrap中有以下导航条：
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<ul class="nav navbar-nav navbar-right">
<li>
<a href="#" class="dropdow-toggle" data-toggle="dropdown&#
浏览 0提问于2016-05-16得票数 0
回答已采纳
我在试着做全宽度下拉菜单。
但是父母的宽度是1500‘t，所以下拉菜单不能是全宽度。(100)
有什么解决办法吗？我试着在下拉内容后面放一些全宽度的白色DIV部分，但是没有运气。
我需要帮助：
谢谢你的帮助。
这是代码链接。
'‘
浏览 5提问于2021-01-08得票数 0
回答已采纳
我试图在所有设备上共享导航条，但我希望它在小屏幕上的格式与在大屏幕上的格式不同。我是新手，所以这可能是显而易见的，但是我很难用一组代码正确地处理菜单，而不是尝试用不同的行和col*设置来实现它。
，我其实想要两样东西。我希望输赢是在同一条线上(这是接近没有肚脐右)，除非他们甚至不是在垂直位置。编辑:我可以纠正当移除肚脐-右等.，但不能得到肚脐-权利时，菜单是浓缩的。
其次，我想要肚脐-右，所以当一个小显示器，所有的徽章对齐在右边的菜单。
有没有办法使菜单更小，所以在平板电脑上，它不是屏幕的全部宽度，而在手机上可能是这样？
当导航条通常抽签时，我希望标签旁边的徽章能使菜单项更小/更接近。只有在下
浏览 2提问于2014-03-27得票数 0
回答已采纳
我想根据菜单项是否存在来显示或隐藏插入符号图标。如果菜单项显示插入符号图标，则将其隐藏。我使用的是bootstrap4，在我的例子中，下拉菜单项将由动态生成。
.dropdown-toggle::after {
display:none;!important
}
上面的代码删除了插入符号，但是如何根据下拉菜单显示/隐藏它？
.dropdown-toggle::after {
display:none !important;
}
<meta name="viewport" content="width=device-width, initial-
浏览 2提问于2018-07-04得票数 2
2回答
我用引导和joomla得到了一个非常奇怪的问题..。如果我使用“正常”导航，一切正常。如果我缩小了浏览器窗口的大小，就会显示折叠的菜单图标。如果我点击它，它将显示菜单和下拉菜单。如果我一动不动地点击它，什么都不会发生.如果我移动鼠标，子项就会出现.
最奇怪的是..。在手机上我可以打开折叠菜单，但是如果我点击下拉菜单什么都不会发生.如果我放大非常宽，有时，如果我经常触摸箭头，菜单就会出现.
我要疯了！
你可以在
谢谢你的帮助！
浏览 1提问于2015-07-21得票数 1
回答已采纳
我是Twitter BootStrap的新手，我有以下问题。
我知道BootStrap提供了一个下拉菜单，如下所示：
以这种方式实施：
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true&#
浏览 3提问于2015-09-02得票数 1
回答已采纳
1回答
我有一个bootstrap站点，在那里我使用purecss作为下拉菜单，并将其包装在bootstrap navbar中，使其成为粘性导航栏。悬停下拉菜单时，会出现未对齐的情况。如何纠正它？
.navbar {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1000;
width: 100%;
text-align: right;
}
<link href="https://unpkg.com/purecss@1.0.1/build/pure-min.css
浏览 25提问于2019-11-19得票数 0
回答已采纳
2回答
我正在为一个项目使用bootstrap框架，下拉菜单有一个小问题。这里是链接；
当您将鼠标悬停在"YÖNETİM“按钮上时，您将看到下拉菜单出现。然而，我希望这个下拉列表具有与整个菜单栏相同的宽度值，即col 5。我不能处理它的原因是下拉列表应该留在第一个按钮上，也就是could 5中的could 2。
你有什么想法吗？提前感谢
浏览 3提问于2015-03-03得票数 0
3回答
如何使移动菜单全宽
、、、
我搞不懂，怎么做移动菜单全宽度的.当我点击汉堡包菜单时，它会打开，但它就像普通的下拉菜单一样，我尝试了很多方法来改变它，但无法弄清楚。
下面是链接：
浏览 10提问于2022-02-06得票数 0
我正在尝试创建类似于此快速大纲中概述的社交按钮图标。
我在中创建了一个指向Font Awesome cdn的链接，以及另一个指向我使用Bower下载的social-bootstrap.css表的链接，并已将其迁移到项目文件夹中。当我只为图标输入代码时，会出现一个彩色框，但没有图标。请帮帮我！
<a class="btn btn-social-icon btn-twitter">
<i class="fa fa-twitter"></i>
</a>
浏览 2提问于2015-06-06得票数 0
1回答
我有一个简单的bootstrap下拉菜单。但它比父菜单项选择要广泛得多。如何使其宽度与其父菜单项相同，以使其看起来像一个实心块？
浏览 1提问于2014-01-30得票数 0
我正在使用vue js和bootstrap-vue。我正在尝试实现bootstrap vue datatables.In表，我想使用dropdownt在操作列中使用树-点-垂直图标。这是我的表视图.. My table view 在上表中，图标下拉菜单的动作栏中有两个图标，.One是三个点垂直的图标，另一个是箭头符号。我想从下拉菜单中删除箭头符号和边框。 下面是下拉菜单的代码。 <template v-slot:cell(actions)="data">
<div>
<b-dropdown id="dropdown-1"
浏览 36提问于2021-03-18得票数 1
我是新手在Bootstrap，我想知道如何添加下拉菜单上的关闭按钮。
不是默认的Bootstrap响应，当我们在菜单外部单击时，或者当我们单击“没有子菜单项”时，我想添加一个关闭按钮，并使它负责切换它。关闭按钮必须同时出现在菜单及其子菜单“查看图片和关闭图标的位置”中。
我工作的代码是“下拉菜单项是‘杂志’，‘旅行单人’是子菜单项"：
如有任何建议，我们将不胜感激！
浏览 4提问于2016-07-13得票数 2
我正在使用bootstrap.js。使用typeahead，我可以选择多个逗号分隔值的选项。jsfiddle.net/Sherbrow/BwDmM/3/
但我想要显示下拉菜单的内容，即使在下拉菜单中的孩子被选中后，如下图所示。
有可能做到这一点吗。
浏览 0提问于2013-07-09得票数 0
1回答
我有一个顶部有一个按钮和一个导航条，因为z索引的原因，我只能让按钮工作，但菜单隐藏在顶部栏下，或者我得到两者，但按钮不能点击：
PS:我只在带有汉堡菜单的小屏幕上遇到这个问题，对于小型设备，Bootstrap使用如下：
.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
如果我重写了Z-index:1030;，那么贝古尔菜单就隐藏在我的标题栏下面。
下面是我的整个CSS，也许有些部分对我的问题并不重要：
HTML：
<
浏览 0提问于2016-09-16得票数 0
回答已采纳
3回答
将下拉菜单安装在较小的显示器中
、、、、
好吧，我有个问题还没弄清楚。
所以，基本上我使用的是引导，如果用户想注册的话，我会尝试为他创建一个部分。
问题是，如果我有一个iPhone3GS，并想进入我的页面，下拉菜单太大，不能在屏幕上！(如下所示)
我添加的下拉菜单，是来自引导程序的菜单。
有什么办法解决这个问题吗？
/--------------------------------------/
在为媒体添加css菜单后，最大宽度为4xx px。
浏览 5提问于2015-01-23得票数 0
回答已采纳
3回答
对于CSS下拉菜单，我通常使用下拉菜单。这项技术运行得非常好，但有一件小事一直困扰着我:下拉链接的宽度总是固定的。
有没有办法自动调整Suckerfish下拉菜单中菜单项的宽度？如果没有，有没有其他基于CSS的下拉菜单策略可以做到这一点？
浏览 3提问于2010-09-05得票数 2
回答已采纳
1回答
我正在尝试如何实现一个“无冲突”的两行bootstrap-3固定顶部导航栏。我不确定它是否真的需要通过bootstrap定义成为两个真正的“导航栏”。我很擅长编码，但对bootstrap框架还没有完全的了解(只有几个月的专注工作)，所以我在这里有点挣扎。
最好，顶行的背景颜色是#f2f2f2，左侧是品牌/徽标，右侧是警报图标，例如消息图标、通知图标和配置文件图标。有一件事我搞不懂，就是把这些图标做成下拉列表，不会被下面的菜单隐藏，因为我对两个菜单行都使用了bootstrap navbar类。
第二行的背景是#337ab7，"page title“标题在左边，下拉导航项目在右边。我已经创
浏览 0提问于2015-08-15得票数 0
1回答
我刚刚在移动设备上查看了我的网站，它看起来很棒。然而，当保持在纵向模式时，图像只占页面的一半。它也缩小了我的标志，这也是一个问题。
图像显示在一个滑块中，我在HTML & CSS上创建了这个滑块。
我还在使用引导程序4，但是在将引导程序添加到代码中之前，我也遇到了这个问题。
请看下面的x2图片，它目前是如何在移动和x1的图像，我希望它也在肖像。
我试过：
在CSS中将宽度/高度设置为100%
添加viewport元标记以停止移动设备上的缩放
用@media标记更改我的滚动体的高度(这样不会影响桌面查看)
请参阅下面的当前HTML和CSS。
HTML
<h
浏览 3提问于2020-06-18得票数 1
我有一个用靴带做的下拉菜单。我在下拉菜单图标上实现了一个jQuery toggleClass，它可以在单击时更改图标。通常情况下，它应该在菜单关闭时显示汉堡包图标，然后在菜单打开时更改为X图标。但是这里的问题是，如果菜单点击得太快(双击)，情况就会相反(即当菜单关闭时显示一个X图标，打开时显示一个汉堡包图标)。我不想那样。这是代码片段。
$("span.toggler").click(function() {
$("#toggler-icon").toggleClass("fa-bars fa-times&#
浏览 9提问于2022-10-18得票数 1
回答已采纳
我使用的是bootstrap3.0，它的下拉菜单很棒。
如果我点击下拉菜单的外部，菜单将会消失，这是非常正确的。
但当我点击下拉菜单的项目时，它也会消失。我认为这并不正确，而且没有任何选项可以控制它的切换行为。(我需要菜单在我单击项目时保持打开，如facebook通知菜单)
所以我想我必须修改bootstrap的源代码，我并不真的想这样做。所以在我接触源代码之前，我想知道有什么好的变通办法吗？如果不是，如何更改源代码以将引导的影响降至最低？
谢谢你的任何想法。
浏览 74提问于2014-02-24得票数 25
回答已采纳
1回答
只编写了几个月的代码，所以感谢您的帮助:)
我设计了一个带有左浮动的徽标和一个向右浮动的call to action (CTA)按钮的客户标题，我想在单击时将其转换为下拉菜单。我在借用Bootstrap的下拉组件。我遇到了一些问题：
如何打开按钮下方的下拉菜单？：我已将徽标图标转换为下拉菜单，所有链接都显示在Bootstrap设置为默认的预期颜色中。当在Google中点击徽标时，菜单就会直接出现在图标下面(这就是我想要的地方)。但是当在Mozilla中点击徽标时，下拉菜单就会在图标的左边打开，并将图标移到上面。我试过“右拉”类，但这并不是把下拉菜单放在图标下面，而是放在右边。我如何创建一个
浏览 1提问于2013-06-25得票数 0
回答已采纳
1回答
我通过一个教程博客链接创建了ionic accordion下拉菜单，其中使用了用于创建accordion下拉菜单的小工具，下面是该博客的链接。http://masteringionic.com/blog/2019-01-27-creating-a-simple-accordion-widget-in-ionic-4/ 下面是我上传到github https://stackblitz.com/github/dSaif/search-accordion中的我的项目链接 一切正常，但我想要切换下拉菜单(打开下拉菜单需要自动关闭，当我打开任何其他下拉菜单时，点击提供的图标) 请帮助我怎么做，因为我是
浏览 17提问于2019-09-09得票数 1
我正在使用Bootstrap 4下拉选项。
我想为左上角的下拉菜单添加一个向上箭头。
在Bootstrap 3中，我们在按钮上有一个插入符号标记，所以我们可以将箭头添加到下拉菜单中。
但是在Bootstrap4中，我们没有插入符号标记，使用dropdown-toggle类只添加了插入符号。
如何将箭头添加到此处的下拉菜单？
我添加了Bootstrap 3示例链接：
Bootstrap 4中也需要相同的功能。
浏览 2提问于2018-10-03得票数 4
1回答
引导响应菜单未正确展开
、、、
我对响应式引导菜单进行了一些修改，但结果并不完全符合我的要求。我试图让整个菜单呈现在一行上，而1140px容器中的菜单项超过了可以呈现的数量，所以我对容器进行了一些扩展。当调整浏览器的大小时，我在1260px的时候崩溃了。菜单被隐藏，移动下拉菜单的汉堡包图标按预期显示，但如果单击汉堡包，菜单将以内联方式显示，而不是展开移动菜单。至少在我到达992px断点之前。如果我删除992px断点的Bootstrap规则，菜单在单击汉堡图标时不会错误地呈现，但也不会正常显示。我不确定该如何解决这个问题。下面有一个指向演示该问题的jsFiddle的链接。当浏览器调整大小时首次显示汉堡图标时，单击它将显示问题
浏览 5提问于2019-09-26得票数 0
我找不到一种方法来使用我正在使用的react bootstrap包实现这一点。
我试着用普通的bootstrap 4来解决这个问题。但是发现它需要jquery来打开下拉菜单。如何将图标添加到react bootstrap下拉列表中？
我的代码
<DropdownButton id="example-month-input-2" title={this.state.weekselectedType}>
<Dropdown.Item onClick={() => this.changeWeekValue('a&#
浏览 2提问于2019-10-29得票数 6
回答已采纳
我有一个树，每个树项目都有一个插入符号图标，当单击时将显示一个菜单。我想使用Twitter Bootstrap样式的下拉菜单，但是我不想包含每个树节点的菜单标记，因为可能会有大量的标记。我只想要一个菜单，当单击项目时，我将显示该菜单。
Twitter Bootstrap菜单不提供这种功能，而是设计用于导航栏和按钮。任何帮助都非常感谢。
浏览 1提问于2013-03-08得票数 0
我正在尝试创建一个带有引导的导航菜单。
我有一个和那个非常相似的菜单
就像每个普通的导航条一样
.navbar, .navbar-inverse {
border-radius: 0;
border: none;
margin-bottom: 0;
min-height: 80px;
}
.nav li {
display: inline;
color: white;
}
.navbar-inverse .navbar-nav > li > a {
color: #ffffff;
font-family: La
浏览 4提问于2017-05-17得票数 0
回答已采纳
如果下拉菜单为空，我需要将插入符号图标隐藏在引导下拉列表中。我正在使用引导4。下面的片段清楚地解释了问题的陈述。我正在寻找纯css解决方案。
.dropdown-menu:empty{
.dropdown-toggle::after {
display:none !important;
}
}
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://m
浏览 1提问于2018-07-04得票数 1
1回答
我想改变下拉菜单的设计，但我不知道如何实现这一点。
我想将下拉菜单显示为与容器大小相同的菜单.(见下面的截图)我试着修改下拉菜单类，添加各种属性，但是没有什么效果，你知道吗？
不需要修改的代码只是：
片段：
body {
background-color: #a3d5d3;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootst
浏览 0提问于2019-06-24得票数 0
回答已采纳
1回答
全宽下拉子导航引导带3
、、、、
我正在尝试创建一个带有下拉和全宽度子导航的页脚菜单，用于带有引导带3的移动设备。我已经用一些css创建了这个下拉菜单，并使子导航与左边对齐(我不知道这是否是最好的方法，但它有效)我尝试了很多方法并检查了很多示例，但我不知道如何使子导航覆盖屏幕的全部宽度。下面是我在Bootply 中使用的示例
浏览 1提问于2015-11-25得票数 0
回答已采纳
1回答
我在做一个响应式的网站。在桌面视图中，最右边的图标(" dropdown -btn")触发联系人链接的下拉菜单。由于某些原因，链接不会作为链接进行响应。我不知道为什么..。
直播网站：
浏览 14提问于2020-11-14得票数 0
1回答
当我点击3行图标时，我目前只有一个简单的链接回到网站的主页。我想能够为它点击它，然后显示一个下拉菜单，以便我可以为该网站选择不同的页面链接范围。这是为了在Mobile上工作。
<div class="icon">
<ul><a href="home.html"></ul>
<img src="img/icons/menu-media.png"/></a>
</div>
因此，在目前的图标链接到您的页面，没有其他，但我正在寻找一个下拉菜单。
浏览 0提问于2017-05-06得票数 0
2回答
我在bootstrap中制作了垂直下拉菜单。除了一件事之外，一切都运行得很好。使用fixed属性定位整个子菜单，当页面内容增多时，整个子菜单随页面滚动。
下面是示例：
有没有可能修复它？
浏览 0提问于2014-07-09得票数 3
回答已采纳
我只是安装了Symfony2来建立一个网站，我没有遇到bootstrap3的问题，因为我确实单独使用了它，但我把它集成到了symfony2中。因为我有很多问题，所以我不能使用一些类，如字形图标，下拉菜单或模式。
所以请告诉我如何设置它才能正常工作。
请看下面的图片，我有很多文件夹
我启用了bootstrap 3
{% block stylesheets %}
{% stylesheets filter='cssrewrite'
'%kernel.root_dir%/../vendor/twbs/bootstrap/dist/css/bootstrap.c
浏览 0提问于2015-08-29得票数 0
1回答
我正在尝试使用gnome工具应用主题。
当我在“当前主题”和"Gtk+主题“中应用我的主题时，它会变得很奇怪，它几乎从来不像图片那样。
我试图应用一个全黑色主题与白色图标集和顶部栏是白色，背景下拉菜单是黑色的黑色文本等。
有什么想法吗？
浏览 0提问于2013-10-18得票数 0
2回答
下拉菜单链接 jsfiddle.net/a3MKG/83/
请参阅上面的链接。有人知道如何让导航图标图像在点击时改变吗？我希望它成为一个不同的图像(一个X的图片)，一旦我点击它。
备注:当您单击导航图标时，drop菜单就会下降，您可以单击drop菜单之外的任何位置来使drop菜单恢复，所以您不必单击X图像就可以删除下拉菜单并带回初始图像。因此，当下拉菜单是活动时，我需要新的导航图标图像才是X。
任何帮助都将不胜感激！谢谢你们所有人。
浏览 1提问于2016-05-20得票数 1
回答已采纳
我想在Bootstrap中添加一个方形图标到导航栏的每个下拉菜单中，也不喜欢下拉菜单中的文本由于图标的添加而移动。因此，当我在Bootstrap中点击导航栏的下拉列表时，我希望它看起来如下所示：
[★] Stack Overflow
[●] Ask Ubuntu
[∈] Think Different
想想那些用方括号括起来的标志，作为每个图标。所以我不喜欢因为我在下拉列表的头部添加了一个图标，文本Ask Ubuntu就被移到了左边。
是否可以像我刚才描述的那样，将图标添加到每个下拉列表的前面？
我在堆栈溢出()上找到了一个类似的问题和答案。然而，答案不再有效，因为他使用的是Bootstr
浏览 5提问于2014-04-25得票数 0
我正在使用Twitter Bootstrap和一些自定义的css (找到)来在鼠标悬停时打开下拉菜单。
我在根菜单项上使用“脱字符”来向用户显示有更多可用的选项，我想使用子菜单的横向版本，在这个例子中，他们使用了->图像，但我不认为它真的适合UI的其余部分。
我也试过twitter的play图标，但它也不太匹配。
浏览 0提问于2012-05-25得票数 38
回答已采纳
我有一个Bootstrap下拉菜单。当我从下拉菜单中选择一个值时，焦点转移到页面顶部。下拉菜单的类选项如下：
<a class = "btn dropdown-toggle" data-toggle = "dropdown" data-target = "#">
<span class = "caret"></span>
</a>
jFiddle示例。您需要在results窗口上向下滚动到see下拉菜单。
纠正这种行为的最好方法是什么？
浏览 0提问于2013-03-29得票数 12
回答已采纳
在Angular 4中，使用bootstrap V3实现下拉菜单，我们使用"Open“类在单击时显示下拉菜单。请建议是否有任何类，以显示下拉菜单在引导V4中，当我们点击下拉标题。
浏览 14提问于2018-02-14得票数 0
3回答
Firefox正在切断下拉菜单的边框，选择或者在某些情况下使其看起来很难看(使左边框灰色，右边框黑色)。
在CSS中有解决这个问题的方法吗？
我正在使用Bootstrap，UniformJS(删除它并没有改变任何事情)。
浏览 6提问于2015-05-01得票数 4
回答已采纳
我正在创建一个下拉菜单。这是我第一次使用bootstrap。我的显示器有一个问题。 下面的代码将显示一个标题为"Andesite Peak“的汉堡图标。当我将鼠标悬停在图标上时，下拉菜单正确显示。问题是，在我将鼠标悬停在图标上之前，菜单是连续显示的。当我将鼠标悬停在图标上时，它将替换为正确的菜单实例。我做错了什么？ .tour_title {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px;
font-weight: bold;
color: #000000;
displa
浏览 16提问于2020-11-03得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
