我使用角用户界面引导程序的模块"ui.bootstrap.dropdownToggle"：创建了一个带有下拉导航条的。
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container"> <a class="brand" href="#">
My Responsive NavBar
浏览 3提问于2013-04-28得票数 76
回答已采纳
对于B3，有大量带有下拉菜单的顶级导航栏的模板。随着屏幕尺寸变小，菜单折叠为3栏按钮，菜单变成折叠菜单。
有没有使用Bootstrap 4做这件事的例子或模板？我找到的响应示例可以折叠菜单，并显示3栏按钮，但菜单不会变成手风琴菜单。也有许多BS4的下拉示例，但不是响应式的。
当屏幕变小时，我是否必须隐藏整个导航栏，并显示具有所有相同选项的手风琴？这似乎比BS3要多得多的工作。
浏览 1提问于2016-04-25得票数 1
3回答
我一直在为一个网站的导航栏工作，我已经正确地缩小了它的大小，但当它变成响应栏(将链接折叠到下拉列表中)时，我无法获得可折叠菜单来显示。带有3个栏的列表按钮和我隐藏的导航栏品牌会显示出来，但我不能让菜单下拉。有什么想法吗？
代码：
<div class="navbar navbar-fixed-top head-navigation" role="navigation">
<div class="container">
<div class="navbar-header">
浏览 0提问于2015-06-09得票数 2
我使用CSS创建了下拉菜单，并将一个YouTube视频放在导航栏下面的一个框中。使用IE 8时，尽管带有导航栏的div比带有YouTube视频的div具有更高的z索引，但下拉菜单仍落后于YouTube视频。火狐、Safari或IE9中不存在此问题。
您可以通过访问以下网站来查看该问题：
谢谢你的帮助。
浏览 2提问于2011-10-13得票数 8
回答已采纳
我在Rails应用程序中使用了Bootstrap主题(来自)，但由于某些原因，导航栏没有响应。CSS适用于除响应式导航栏之外的所有其他功能。
对于传统的html文件，它工作得很好，但当我将它包含在Rails布局中时(如下所示)，它不会响应，也不会显示您通常看到的右对齐的jQuery下拉菜单。
下面是我如何将js和css包含在我的布局的头部，employees.html.erb
<%= stylesheet_link_tag "scaffolds.css.css", :media => "all" %>
<%= stylesheet
浏览 0提问于2013-06-28得票数 0
回答已采纳
我正在使用Twitter Bootstrap 3创建一个网页。我使用导航栏的本能是让每个项目导航到一个新的href。然而，我已经看到了不同的处理方式。
一些页面确实导航到新的href并触发页面加载，假设使用某种模板在其所有html页面上使用相同的导航条码，如中所讨论的。
我见过的其他页面似乎隐藏或显示了带有内容的div。乍一看，这似乎是一种权衡--一方面，一旦加载，您就可以拥有一个快速、响应式的页面。另一方面，在一个大型网站上，初始页面加载可能最终是巨大的。
其他页面使用导航栏项目滚动到非常高的页面中的特定位置。当我使用这些页面时，我发现不使用导航栏项目的导航会迷失方向。我想，随着页面大小的增
浏览 1提问于2014-03-25得票数 2
2回答
我正在创建一个响应多层下拉导航栏。我有同一个类名的多个。我只想切换一个，但jquery影响所有。每个人都有一个带有类“切换下拉”的按钮。
它有另一个导航级别。
我的密码是：
HTML
浏览 4提问于2016-12-15得票数 1
回答已采纳
1回答
我在工作中创建了一个动态创建的下拉列表。我的HTML代码很简单
<SELECT id="competitors">
<OPTION value="0">All values</OPTION>
</SELECT>
我已经创建了一个js函数，它在焦点上执行适当的查询并附加html。
success: function (data) {
$(id).append(data.arr);
)
当我循环一个数组时，它会附加纯HTML
$text .= "<OPTION value=\"$id\
浏览 3提问于2016-12-02得票数 0
我是一个学生，这对我来说还是个新鲜事。
我正在制作一个带有图标的导航栏，并在图标周围放置了一个标签。但在那之后它改变了图标的颜色。我尝试了"text-decoration: none“，但没有结果。我仍然在css行后面有一个紫色的图标。有什么想法吗？谢谢!
<div class="header">
<a href="index.php"><i id="logo1" class="material-icons" style="font-size:55px;">home&
浏览 0提问于2021-10-15得票数 1
1回答
我有一个在左边有徽标的navbar，在最右边有一个navbar-right (float: right)，其中包含一个dropdown作为第一个元素，还有一些其他元素。下拉菜单很大，响应性很强。
我想要做的是防止下拉式从消失时，我悬停在下拉式和移动光标左在导航栏(面向徽标)。只要光标仍在导航栏中，下拉列表就应该保持打开状态。所以这不应该发生-
JS Fiddle -
代码-
当菜单是left-padding时，我尝试将dropdown-menu添加到open中，但是填充必须是基于窗口大小的动态的，否则它会推送徽标。因此，我正在寻找更好的解决方案，而不是添加填充。
我对基于js和c
浏览 0提问于2018-09-30得票数 0
回答已采纳
我正在使用bootstrap (v2)，我从中看到你可以有"Split Button Dropdown“。
在导航栏中，您可以有下拉菜单
然而，它看起来不像你可以在导航栏中有一个拆分下拉菜单。我想要使用它的目的是让登录用户的名称旁边有插入符号。单击用户名会将您带到该用户的页面，但插入符号会显示一个带有“注销”等操作的下拉列表。
这个是可能的吗？
浏览 1提问于2012-12-08得票数 3
回答已采纳
1回答
在我的网站上，我有一个响应式的导航栏，在页面顶部有一个标题。当导航栏打开时，带有标题的div会随其一起向下推。
导航栏怎么可能简单地越过div而不向下推呢？
提前谢谢。
浏览 1提问于2016-06-11得票数 0
我正在尝试实现响应式折叠导航栏，.When窗口宽度很窄，导航栏正在折叠，带有类btn的按钮出现。我想要的是，当某个动作发生时，能够从JavaScript手动调用这个折叠函数。
我不明白在bootstrap.js中窗口的大小调整是在哪里被监视的，以及折叠函数是如何被调用的。
这是我的导航栏的代码：
<div class="navbar navbar-fixed-top" id="pantry_header">
<div class="navbar-inner">
<div class="containe
浏览 0提问于2013-12-03得票数 0
在Polymer 2中，我想创建一个带有菜单按钮的应用程序工具栏，单击时会显示下拉菜单，类似于经典的桌面应用程序。app-toolbox似乎是响应式解决方案的一个很好的开始，有一些例子可以用来创建带有简单导航按钮/链接的工具栏。
我没有找到在工具栏中创建下拉菜单的示例。
我的问题：
我应该使用哪个组件来显示应用程序工具栏中的下拉菜单？也许是iron-dropdown？有什么例子吗？
当应用程序工具栏在窄屏幕上折叠为单个菜单按钮时，下拉菜单会发生什么情况？菜单按钮显示的抽屉是否允许我显示下拉菜单？
浏览 0提问于2017-03-22得票数 1
我想向导航栏添加一个下拉列表，但要确保当浏览器调整到较窄的宽度时，该下拉列表在导航栏中仍然可见，并且不会包含在导航折叠中。
下面的html可以正常工作。然而，当页面调整大小时，下拉菜单会落到下一行，并在导航栏中显示展开，留下一个非常深的导航栏。
我调用bootstrap-cliumse.js和bootstrap-dropdown.js。
有人有什么想法吗？
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="co
浏览 2提问于2012-02-22得票数 7
2回答
我正在转换一个现有的网站，以响应，我已经到导航栏。在旧网站上有一个非常简单的导航栏，上面有一些样式。每个项目只有一个带有<li>的<li>和下拉列表的嵌套<ul>。看起来是这样的：
<ul id="nav">
<li><a href="#">Home</a></li>
</ul>
整把小提琴：
如果可能的话，我想做一个反应灵敏的肚脐，它看起来就像这样。据我所知，直接编辑引导源是错误的做法。查看引导导航栏，我注意到它有两个元素，header，然
浏览 3提问于2016-03-08得票数 1
回答已采纳
1回答
我正在使用Twitter Bootstrap 2.3.2构建一个响应式站点。我有一个带有下拉菜单的导航栏：
<div class="nav-collapse collapse">
<ul class="nav">
<li {% if request.get_full_path = "/" %} class="active" {% endif %} ><a href="/">Home</a></li>
浏览 0提问于2013-08-21得票数 4
回答已采纳
我在一个页面上有几个响应式导航栏，但当我点击导航栏下拉的小图标时，屏幕上所有的导航栏都会折叠。当我只想要1个导航栏时，如何防止所有导航栏都折叠？
浏览 3提问于2012-10-01得票数 0
回答已采纳
1回答
我有一个带有下拉菜单的简单导航栏，当用户将鼠标悬停在导航栏中受人尊敬的链接上时，它应该会停留在导航栏中，但我不能在用户将鼠标悬停在实际的下拉菜单而不是其链接上时，让它停留在导航栏中。我尝试在实际的下拉列表中使用所需的显示值创建一个:hover类，但当鼠标从链接移动到下拉列表时，似乎有一些空间，因此在第二个:hover类有机会被应用之前，它再次变得不可见。
.nav-link:hover {
box-sizing: border-box;
color: rgb(201, 49, 49);
transition: 0.4s;
border-bottom: 5px solid r
浏览 0提问于2018-06-25得票数 0
我想写一个小音乐播放器与jPlayer和推特Bootstrap。对于控件，我使用带有图标的导航栏组件，以显示当前歌曲中的位置我想使用进度条，但当我将它放在导航栏中时，它就卡在顶部了。
到目前为止，我使用的是以下代码：
<div class="container">
<div class="navbar navbar-static-top">
<div class="navbar-inner">
<ul class="nav">
浏览 3提问于2013-07-05得票数 3
回答已采纳
1回答
我正在尝试弄清楚如何制作使用系统图标或图像图标的自定义导航栏按钮。我按照下面的教程来设置自定义导航栏背景，并创建自定义文本按钮，现在我想创建像教程中那样的按钮，但使用图标而不是文本。
有人知道如何创建带有图标的自定义导航栏按钮吗？
谢谢!
浏览 1提问于2011-02-20得票数 2
3回答
在创建导航菜单的帮助下，导航栏位于站点徽标的上方。我希望子菜单展开从导航栏水平和定位自己之间的父导航栏和徽标。
子菜单是水平的。
该徽标在折叠时位于导航栏下面。
子菜单将展开出导航栏，并按下标志的位置。
主要航行：
<nav>
<div class="container">
<ul class="menu">
<li> <a href="#">One</a>
<ul c
浏览 1提问于2013-06-03得票数 0
1回答
我有一个带有汉堡图标的导航栏，我正试着和bootstrap一起使用。我试着使用我在网上找到的一个例子，但当我运行它时，汉堡图标丢失了，下拉菜单已经展开了，但它不应该展开，默认情况下它应该是折叠的。在我的例子中，标题是，WebSiteName，在导航栏的右边，但在我要离开的例子中，它在左边。下面是我使用的html代码： <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://ma
浏览 24提问于2021-04-27得票数 0
1回答
我需要smbds的帮助。我有一个粘性导航栏，最近添加了一些图片(宽度:100%)的div，并想在图像中添加一些文本，但当我这样做时，所有的粘性导航栏(当向下滚动时)都在这个div (带有图片)下面(隐藏)，但我希望它总是在顶部(我的导航栏)...(我知道位置有问题，但尝试了很多东西...)。
CSS (包含img的div)
.container {
display:inline-block;
position:relative;
text-align: center;
color: white;}
CSS (图像中包含我的文本的DIV)
.centered {
浏览 1提问于2017-12-02得票数 2
我正在尝试创建一个带有图标的静态宽度导航栏。当用户悬停在图标上时，它将展开以显示更多文本。如果没有项目被悬停，当前页将被展开。
到目前为止，这就是我所拥有的：()
nav {
background-color: red;
display: flex;
width: 350px;
height: 50px;
}
div {
flex: 0 0 50px;
background-color: white;
border: 1px solid black;
transition: 400ms;
}
nav:hover>div:hover,
nav:not
浏览 2提问于2017-06-13得票数 1
回答已采纳
2回答
引导导航栏响应大徽标
、、、、
我正在尝试创建一个带有徽标的导航栏，就像这样的布局：
对于移动端，就像这样的布局：
在第一个布局中，我需要导航栏垂直居中。我已经编写了以下代码片段：
<div class="row">
<div class="col-md-3">
<a href="#" class="pull-left">
<img src="image/logo.png" height="300px" id="
浏览 0提问于2017-07-11得票数 0
1回答
我正在使用Bootstrap 2构建一个网站，我想在导航栏中的一个项目中添加一个下拉菜单。
很简单。但是，当下拉菜单展开时，它会出现在导航栏中不正确的项目下：
请注意，在上面的屏幕截图中，dropdown呈现在"Admin“(最左边的导航栏元素)下，而不是"Locator”(激活下拉菜单的元素)下。
我如何解决这个问题，使下拉菜单显示在正确的导航栏元素下面？
下面是导航栏的HTML：
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navba
浏览 1提问于2013-01-21得票数 7
回答已采纳
1回答
我正在尝试设计一个响应式的网站使用bootstrap 3与品牌名称中间在导航栏。我要在导航栏两侧那两个折叠栏。但我正面临着问题。当我调整窗口大小时，左侧的收拢条不会随着徽标的出现而调整。这是实现代码后的图像。
HTML代码：
</header>
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped f
浏览 0提问于2015-12-17得票数 1
如何将属于同一div元素的不同元素水平放置在同一行上？我想在我的网站顶部创建一个导航栏，其中包含左侧的徽标，中间带有搜索按钮的搜索栏和右侧的登录下拉菜单，但我无法对齐这三个元素，请帮助。
浏览 24提问于2019-05-26得票数 0
2回答
在向下滚动页面时，我有一个脚本可以在导航栏中更改颜色。但是，我需要改变图像在“标志”类，当滚动下来。
这是Jquery脚本：
<script type="text/javascript">
$(window).on('scroll', function(){
if($(window).scrollTop()){
$('nav').addClass('color');
//$('logo').attr('src', &
浏览 0提问于2018-02-25得票数 0
回答已采纳
5回答
我被难住了。我正在使用带有徽标的Bootstrap 3静态导航栏。我不喜欢的响应式图像的工作方式，所以我只想计算的大小的标志(图像)是100% - 200px (宽度的汉堡开关)。我这样做是为了让标识和汉堡保持在同一条“线”上，而不会增加导航栏的高度。
这是我的代码片段。
<nav class="navbar navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-hea
浏览 1提问于2015-09-06得票数 0
1回答
我最近开始学习如何使用WordPress，我选择了一个简单的主题，并希望实现引导导航栏固定顶部菜单。
到目前为止，我已经成功了，当屏幕处于完全模式时，菜单可以工作，并加载到正确的主菜单中。
不过，我需要几件事的帮助。
首先，我有导航条设置，所以当您在下拉菜单上悬停时，它会自动下拉子菜单，但是我希望父链接也可以单击它的相关页面。
在标准的HTML & CSS中，这很容易做到，但是在WordPress中，当您在菜单中加载时，我发现它更复杂一些。
下面是如何在header.php文件中输入导航栏：
<div class="navbar navbar-invers
浏览 0提问于2016-05-26得票数 1
6回答
以下场景：
我有一个带有导航控制器和表视图的主控视图。带有到局部视图的分段。我向添加了一个类似于导航栏的搜索控制器。我从搜索结果控制器向细节视图添加了另一个段。
问题
当我在normale表视图中选择一行时，详细信息视图包含一个导航栏，行为与预期一致。当我执行搜索并在结果搜索控制器中选择一行时，在显示的详细视图中缺少导航栏。我知道结果视图控制器现在有了导航栏。
问题
我应该怎么做才能从标准导航栈中获取导航栏？我尽量避免手动将导航栏添加到细节视图中，因为当我来自normale表视图时，导航栏正在工作。
更新
我从主表视图向搜索表视图添加了一个额外的段。
当我使用：showView
浏览 0提问于2015-07-08得票数 2
对于整个站点来说，使用非常简单
但是如果我有一个小的容器，比如400px，并且需要关闭这个容器内部的响应性，那该怎么办呢？我需要在我的导航栏中使用全功能的下拉菜单，但当响应式打开时，小容器中的下拉菜单不像“弹出窗口”那样，它们在导航栏中打开并伸展它们。
此外，如果没有响应样式，我无法编译自己的引导程序版本，因为我需要使用CDN (cdnjs)。
浏览 1提问于2014-04-27得票数 0
我有一系列的导航项目，包括子导航，我在仪表板中添加了一个侧边栏组件。我想添加不同图标的路由器链接到数组中的每个项目。我仍在努力思考如何做这件事，我真的需要帮助。下面是代码示例。
阵列导航项目
state: {
navigation: [
{title: "Home"},
{
title: "Posts",
poen: true,
subnav:[
{title: "Published"},
{title: "Draft"},
{title: "
浏览 2提问于2022-08-07得票数 0
2回答
尝试将简单的响应式导航栏中的链接元素置于页面的中心，并在w3schools here 上列出下拉列表
在div上应用居中页边距:0 auto；仍然使所有内容保持在左侧。其他CSS似乎都不会把东西锁在左边，但我不能让它动起来。
我也尝试过将div转换为带有LI元素的UL，但这一切都结束了
<div class="topnav" id="myTopnav">
<a href="#news" class="active">Fest 2020</a>
<a href="#news"
浏览 11提问于2019-08-11得票数 0
我试图阻止jsfiddle示例中标题为Settings的右侧导航栏项目在移动视图中与其余导航栏项目一起折叠到汉堡图标中，而是坐在汉堡图标的左侧。是否可以在不为每个视图提供重复的Settings下拉列表的情况下实现这一点?如果可以，如何实现？
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#"&g
浏览 5提问于2016-01-15得票数 3
3回答
我在一个响应的div中有一个select2下拉列表。这个div还有一个侧栏元素/列，它包含用户从下拉列表中选择的内容。他们可以选择一个选项，并将其添加到侧栏中。
一切都很好，但我有一个选择，在下拉是非常长的。如果用户选择此选项，则扩展父div的宽度，并将侧边栏向下推到div下面。
我认为这是因为select2的选项超过了预定的宽度。将dropdownAutoWidth设置为false并不能解决这个问题，因此我考虑添加一个带有min-width和max-width集的dropdownCssClass。
//in script.ts
$("#calltype")
浏览 8提问于2020-12-29得票数 2
回答已采纳
1回答
我正在开发一个带有下拉菜单的导航栏(稍后会再添加一个)。当下拉菜单被按下时，它会将所有导航链接向右移动。所需的行为是所有导航链接都是静态的。我尝试在div上使用fixed，在li标签上使用div，但是会在父absolute之外呈现li标签。
我目前的实现是使用float:left，但这也没有产生预期的结果。下拉菜单是标记为"Solace“的菜单。任何帮助或建议，我们将不胜感激。我已经创建了一个演示来说明我的问题。。
另外，还有一个次要问题。如果这需要一个新的帖子，请让我知道，我会打开一个新的问题。每当用户单击下拉菜单时，我如何监听下一次鼠标单击以关闭下拉菜单？
浏览 2提问于2012-12-30得票数 1
回答已采纳
1回答
我为一个带有html和css的网站构建了一个响应性导航栏。
一切都很好，但我希望下拉菜单是动画。
在不同的元素上，我尝试了各种类型的转换(高度和全部)，但最好是在下拉列表上实现延迟。
<div class="navigation">
<div class="toggle"><i class="fas fa-bars"></i></div>
<div class="navitems">
<div class="nav
浏览 0提问于2018-06-23得票数 0
回答已采纳
2回答
我正在实现一个具有三个面板主视图的AngularJS应用程序。布局有点像邮件系统，左边有一个导航条。右窗格被分成两部分；当您从导航栏中选择某项内容时，它将填充右上窗格，当您在其中选择某项内容时，它将填充右下角窗格。窗格需要是可调整大小和可滚动的。
我可以看到实现这一目标的三种基本方法：
使用窗格的框架
对窗格使用div元素，并使用JavaScript控件进行调整大小和滚动
混合(可能是带有JavaScript大小的div，但包含带有本机滚动的iframes )
网上几乎没有关于使用AngularJS与框架的信息，这使我认为(1)是不推荐的。我只是有点担心(2) JavaSc
浏览 3提问于2014-02-17得票数 2
回答已采纳
2回答
我刚开始学习bootstrap，我正在尝试让我的网站成为一个响应式的导航栏。当我折叠页面时，我看不到典型的下拉汉堡图标，但我仍然可以单击页面中间看不见的下拉按钮。任何关于如何改变导航下拉图标颜色的指导都将非常感谢！
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquer
浏览 0提问于2020-12-31得票数 0
我正在尝试让Bootstrap 4导航栏下拉菜单直接出现在导航栏的正下方，但默认情况下，它会出现在导航栏底部边缘的上方。
有没有一种方法可以做到这一点，而不是为导航栏设置一个固定的高度，并使用下拉菜单上的空白处？
如果我没记错的话，Bootstrap 3中的默认设置是将下拉菜单的上边缘与导航栏的下边缘对齐。这似乎在BS4中发生了变化。
这是我的HTML：
<div class="navbar navbar-expand-lg flex-row shadow">
<ul class="navbar-nav navbar-desktop fl
浏览 17提问于2019-11-08得票数 0
我需要帮助编辑我的代码，以证明导航栏项目左对齐，居中和右对齐以及响应性。我尝试的代码将我的下拉按钮移到导航栏之外，或者删除CSS。
.navbar {
overflow: hidden;
background-color: #c2d6d6;
}
.navbar a {
float: left;
font-size: 20px;
color: #009999;
text-align: center;
padding: 14px;
text-decoration: none;
}
.navbar a:hover, .dropdown:hover .dropb
浏览 0提问于2020-06-28得票数 0
1回答
我正在基于这个引导模板创建web应用程序：
但是我对多级下拉列表有问题。在我的项目中，我使用了angular，这是我的主要索引：
<body>
<div id="wrapper">
<div ui-view="navbar" ng-cloak=""></div>
</div>
<div class="well" ui-view="content" id="page-wrapper"&
浏览 0提问于2015-05-10得票数 0
Twitter-Bootstrap中导航栏的默认高度太小。当高度增加时，它会侵占下面的div。如何增加向下滑动整个页面的导航栏的高度？如果可能，如何将导航栏链接放置到导航栏的顶部/底部。
浏览 6提问于2012-03-29得票数 8
回答已采纳
我试图在中放置自定义图标，同时将导航条保持在50 at的高度。即使我声明.navbar { height: 50px; }，放置图标后，导航条的高度也会增加几个像素的高度。点击导航栏中的链接，并注意到导航条和下拉菜单之间的大约2px空间(由于图标的高度，这个例子中的导航条是52 2px)。
请参阅：
我理解当前的行为，我只是不知道如何绕过它而不降低图标的高度，这是我不想做的。
有什么建议吗？
图标用.el-ico表示。
<body>
<nav class="el-nav navbar navbar-default navbar-fixed-top">
浏览 4提问于2015-09-29得票数 0
有问题的网站：
当我调整浏览器窗口大小时，我的bootstrap响应式导航栏会折叠，但在移动设备和模拟chrome的设备上，导航栏只是缩小而已。我的导航HTML如下：
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type=&#
浏览 0提问于2015-12-17得票数 1
1回答
我已经创建了一个自定义导航栏，我决定响应当今的移动趋势。
然而，当在我的fixed导航栏中创建子下拉菜单时，它完全搞乱了(无法正确显示)，除此之外，页面不会向下滚动以显示所有子导航项目。
这是我的JSFiddle：
我尝试将导航栏的position更改为static，这解决了第二个问题，但我希望修复导航栏。
感谢您的帮助:)
浏览 2提问于2015-06-13得票数 0
3回答
我的目标：是一个响应性的导航栏，其中徽标总是在中间，元素总是在左边。根据上下文(页依赖)，按钮可以显示在正确的区域，也可以不显示。
My的方法：--我使用一个柔性盒作为导航条。我的挠曲盒里有三个div。我给了所有的div一个固定的宽度。中间的盒子也是柔韧的盒子。带有徽标的div就在那里。我将标志定位在中间挠曲盒的右边边缘。带有徽标的div有固定的宽度(80 The )。
问题：的方法很有效，但我觉得这种方式并不好。因为宽度是相互依赖的。如果你要改变标志，它将是更宽或更窄，那么你将不得不调整中和右框的相对宽度。第二个问题是，如果设备比900 as小，那么这个解决方案就无法工作。
问题：还有哪些其
浏览 11提问于2022-09-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
