在移动设备上显示时，两个导航栏一起扩展

文章/答案/技术大牛

发布

2回答

在Angular Material中，如何使工具栏上的项目只显示在移动屏幕上的第二行？

css、angular、angular-material

在Angular Material网站()上，这是工具栏在桌面上显示时的外观在移动设备上，菜单项Components、CDK、Guides链接在第二行，但github、主题图标和版本号下拉列表仍然在第一行

浏览 2提问于2020-11-13得票数 1

1回答

html、css、twitter-bootstrap

我使用两个Bootstrap 3导航栏，第一个是默认导航栏，第二个是反向导航栏。问题是，当我在移动设备中显示页面时，这两个页面通常会折叠，但当我展开第二个导航栏时，这两个导航栏都会同时展开。而且，当我折叠第二个时，它们都会折叠。<

浏览 19提问于2018-02-05得票数 1

回答已采纳

1回答

移动网站中的固定定位按钮

jquery-mobile、twitter-bootstrap、mobile-website

我正在建设一个移动网站，需要一个固定的定位按钮(快速链接滚动到顶部)，应该移动的同时滚动屏幕。移动浏览器不支持固定位置。有没有人能提供同样的建议呢？我正在使用twitter bootstrap。我在jquery mobile框架中观察到了移动端的固定位置、页眉和页脚，但可以在twitter的引导页面中使用它。提前谢谢。

浏览 4提问于2012-08-21得票数 2

3回答

Bootstrap 3..navbar切换切换状态

twitter-bootstrap、mobile、twitter-bootstrap-3、navbar

我正在使用bootstrap 3.0，并在一个移动网站上工作。我想知道如何改变按钮的背景颜色。导航栏-当导航栏折叠时切换。基本上我想问的是，当导航栏菜单打开时，如何在移动设备上显示“按下”状态？

浏览 5提问于2013-09-21得票数 1

1回答

Reactstrap -在NavLink上折叠导航栏仅在移动设备上单击

reactjs、react-bootstrap

我有一个导航栏，在桌面上是打开的，在移动设备上是折叠的。我可以在手机上点击NavbarToggler来打开导航栏。当我点击移动设备上的NavLink时，我希望导航栏再次折叠。我为Navlink添加了一个onclick()切换功能，它在移动设备上运行良好，但现在桌面上的

浏览 28提问于2020-09-14得票数 1

回答已采纳

2回答

始终扩展用于移动的垂直引导导航栏

bootstrap-4、responsive

我希望导航栏总是在移动设备上扩展，但垂直显示时，折叠导航栏是正常切换。由于导航栏总是展开的，所以我也想删除汉堡按钮的可见性。在桌面上，导航栏应该总是扩展和水平的，这在我的代码中已经起作用了。我以为在导航栏toggler上

浏览 8提问于2018-08-15得票数 4

回答已采纳

2回答

如何将Hover事件更改为在媒体查询768 (Navbar)中单击事件

jquery、html、css、wordpress、twitter-bootstrap

在我的导航中有一个子页面，我使用这段代码选项1和选项2都在工作，这是我的选择之一，我将使用其中之一，但问题是，在移动设备视图中，子页面在悬停时仍然会显示，这对于移动设备来说是个坏主意，我想要实现的是，当涉及到移动设备的例子768时，导航栏是可点击的，显示子页面而不是悬停导航栏

浏览 1提问于2017-05-14得票数 1

2回答

如何使用带有顶部和底部粘性导航栏的全屏div

html、css、bootstrap-4

| +-----------------------------------------------------------+ 我想使用Bootstrap 4导航栏夹在中间的是一个包含我的内容的div，如果div内容大于两个导航之间的区域，它将自动显示滚动条。滚动条应该只显示在div上，并且不会被任何一个导航所覆盖。这对我来说似乎很简单，但当我在全屏、部分屏幕和移动尺寸之间移动<e

浏览 26提问于2019-01-08得票数 0

1回答

推送内容的画布边栏？

javascript、jquery、html、css、web

是否有可能有一个从左边的边导航菜单转换，同时推动其他内容与一个不透明的颜色覆盖？我试图在桌面浏览器中完美地工作的版本，但是当我切换到移动版时，侧边栏扩展了页面的高度，页面就失去了它的流量。示例:更新的 --当我在移动设备上通过Codeply查看页面时，它工作得非常完美。然而，当上传到我的网站时，左边的菜单就会显示在移动

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

1回答

不使用JavaScript展开/折叠移动导航条

javascript、jquery、css、twitter-bootstrap

在移动设备上，在默认情况下，Bootstrap 3将导航条(navbar)缩小为汉堡包图标。当单击汉堡包时，JavaScript会切换导航菜单项的显示--扩展或折叠导航条。但如何在不需要JavaScript的情况下切换引导移动导航条的折叠/展开？如果这是可能的话，它将有很好的性能优势--：用户可以在执行JavaScript之前

浏览 3提问于2015-07-19得票数 10

回答已采纳

1回答

如何防止导航栏下拉菜单与其他内容重叠？

html、css、bootstrap-4、navbar

当我切换导航栏时，它与它后面的内容重叠，我如何才能使其余的内容向下移动以适应下拉列表？我已经给我的身体增加了一个50px的边距。我不知道为什么代码片段显示的标题有点透明。这是这个网站在我的浏览器上的样子： ? ?

浏览 65提问于2020-06-16得票数 1

回答已采纳

2回答

Bulma -强制桌面上垂直的导航栏

html、css、navigation、bulma

与bulma我想创建一个网站，跟踪体育(棒球，篮球...网球，摔角)，但是当我读到最后的时候(按字母顺序是摔角)，有太多的项目(从左到右水平排列)，导航栏无法在桌面上正确显示。所以我想我可以使用菜单(垂直导航)，但它不能在移动设备上给我一个汉堡图标或任何类似的东西。我使用了菜单示例。我想通过媒体查询在移动设备上使用导航栏，在桌面

浏览 2提问于2020-02-20得票数 1

2回答

包装导航栏的Div布局

navigation、html

我有一个导航栏，在该网站的8个主要链接是在100px宽的标签。帮个小忙？

浏览 4提问于2012-08-20得票数 0

2回答

引导-不能单击移动上的下拉子菜单项，并且首先单击“不触发导航崩溃”。

android、iphone、drop-down-menu、twitter-bootstrap

我在移动设备上遇到了两个下拉菜单项的问题。具体地说：我的页面在W3上是有效的，并且我已经将..nav折叠和.col

浏览 3提问于2012-12-16得票数 16

1回答

我有一些困难的反应设计，我有一个粘性肚脐效果的桌面版本的我的网站，这是完美的，但在移动设备上，粘性肚脐阻碍用户的经验。当我向下滚动肚脐显示，它应该，但背景颜色的粘性导航阻碍了可见性的文本，是在屏幕上。我确实希望只有当用户选择移动汉堡包图标时，粘性导航的背景颜色才会出现，而不是当它滚动下来时，背景就会出现，这是很烦人的。谢谢你提前提供帮助。我尝试过将类设置为“无显示”，但是这是有效的，但是当我只想在用

浏览 1提问于2019-08-14得票数 0

1回答

Bootstrap两个导航栏折叠

twitter-bootstrap、navbar

在bootstrap中，我想让两个导航栏位于彼此的下方。我的想法是：导航栏2(在navbar1下面)有一个名为: sub menu的品牌。当用户在他的移动电话上查看网站时，他/她看到两个可折叠的导航栏。用户现在可以选择要打开的导航栏。菜单或子菜单。我只是复制了boot

浏览 1提问于2013-12-20得票数 20

回答已采纳

1回答

React组件之间的双向绑定

javascript、html、reactjs、styled-components

在导航栏上工作(对移动设备进行更改)-当我在移动设备上使用列表底部的“关闭”按钮垂直显示项目时，这会导致导航栏被折叠。折叠时，顶部的打开按钮将展开导航栏。我当前的实现实现了关闭栏的折叠，但是导航栏是使用两个组件构建的，所以我想知道如何在两者

浏览 25提问于2021-08-13得票数 1

回答已采纳

1回答

如何让这个部分可折叠的导航栏在Bootstrap 4上显示我想要的项目？

css、twitter-bootstrap、bootstrap-4

我正在尝试让Bootstrap 4导航栏只部分折叠。扩展时期望的结果：访问折叠项目<e

浏览 23提问于2018-08-11得票数 0

回答已采纳

1回答

Twitter Bootstrap导航栏问题

html、css、twitter-bootstrap

目前我正在为当地的一家公司做我的第一个网站，当我在移动设备上查看导航栏时，我遇到了一个问题。如果向右滚动时设备无法显示整个导航栏，则会显示一个空白区域。

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

回答已采纳

1回答

如何在android中同时放置顶部和底部操作栏

android、android-layout、android-intent

就像下面的图片，我想显示我的图标我想在智能手机的横向和纵向模式中分割上、下动作栏。下面的代码只工作在纵向模式(顶部和底部的动作条显示)，而不是在横向模式下，底部动作条选项显示在顶部动作栏。<application我只想展示两个动作栏在两个景观和肖像模

浏览 5提问于2013-05-15得票数 1

点击加载更多

在Angular Material中，如何使工具栏上的项目只显示在移动屏幕上的第二行？