如何使导航栏在移动设备上响应

文章/答案/技术大牛

发布

0回答

html、css、github

这是我的导航面板的html文件屏幕截图请帮助我使我的导航在任何移动设备上呼吸，因为它目前在所有不工作。

浏览 7提问于2017-12-09得票数 0

1回答

一个页面会不会有一半的响应速度和一半的响应速度？

html、responsive-design、web

我们正在创建一个具有响应性的网站。但是，由于时间限制，我们需要使一些页面仅适用于桌面视口。这些页面有一个顶部导航，这是响应式的。有没有可能，当从手机访问该页面时，导航是响应式的，但页面的其余部分完全是自适应加载的(就像手机上加载的非响应式网站一样)？请给我建议。

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

0回答

Bootstrap -将我的导航栏从右向左反转

html、navbar、bootstrap-4

我试图使一个导航栏，但我需要它从右到左，因为它在希伯来语。我试着做了一个响应式导航栏，所有链接的按钮都在左边和右边。右边有个牌子。它们在小型设备上崩溃。嗯，我不能让它反转，我有时也会遇到一个问题，在小型设备上，品牌和折叠按钮在导航栏的中间发生碰撞。

浏览 5提问于2017-06-07得票数 0

回答已采纳

2回答

响应Nav条

javascript、jquery、css、html、mobile

我该如何创建一个同样适用于移动设备的响应导航条呢？我需要的是一个锚，当点击会把页面推到右边，并使导航条出现在右边。(有点像facebook手机导航栏的工作方式。)

浏览 4提问于2013-08-16得票数 0

回答已采纳

2回答

响应标头图像(引导3/4)

javascript、jquery、html、css、twitter-bootstrap

在发帖之前，我遇到了更多的问题，使我的标题响应。我想让我的标题图像(徽标)重新调整大小与浏览器正确，并在移动设备上看起来正确。就像这个网页重新调整大小时所做的那样：任何关于如何让导航栏做同样的网站链接上面的提示将是一个巨大的帮助！谢谢

浏览 4提问于2016-03-02得票数 0

回答已采纳

1回答

如何在移动视图的顶部栏上居中显示此按钮

html、css

我需要你的帮助来使顶部导航栏像这样响应：我想让这些按钮集中在移动设备上。

浏览 0提问于2020-01-24得票数 0

1回答

移动物化流星上的导航栏太小

css、meteor、materialize

我正在对导航栏使用Materialize。我正在尝试将导航栏折叠成移动设备上的侧边栏，如所示。它确实会折叠成一个侧边菜单，但导航栏在移动设备上太小了，如所示。如何让导航栏变得更窄更高，让它在手机上更好用？我也在Meteor中使用materialize:materialize包

浏览 2提问于2016-06-05得票数 0

2回答

导航栏在移动设备上不响应

jquery、jquery-mobile、mobile、navigation

在crossbrowsertesting.com上试过，它在安卓手机上运行良好。但不是在iphone上。

浏览 1提问于2015-07-22得票数 0

2回答

以响应模式将搜索框移动到中心。

html、css、responsive-design、navbar

我使用的引导导航条是来自参考，我正在尝试在移动设备上用户不需要点击菜单图标来搜索页面。因此，试图显示搜索框后，品牌在响应模式。在普通桌面浏览器中，引导程序如下所示：在响应模式下，如下所示：我必须移动搜索框和登录选项，以便在移动设备上显示“品牌之后”中心。我试着玩css把搜索框移出导航栏，

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

回答已采纳

1回答

如何在角星云主题中创建响应性TopNav？

angular、nebular

我想创造一个响应顶部导航使用角星云主题。"local.retrieve('loggedIn')">secret menu2</nb-action></nb-layout-header> 但它在个人电脑和移动设备上都是一样的布局当用户在移动中浏览时，如何使顶部的导航<em

浏览 3提问于2020-05-28得票数 2

3回答

实现css响应的导航条不能在移动上工作

css、responsive-design、materialize、responsive

然而，当我在移动设备上看到这段代码时，导航条的高度变得非常小。为什么响应类在这种情况下不能工作？作为我问题的一个例子，我附加了这个。尝试以不同的分辨率呈现它，通过水平调整大小，导航条在较小的设备

浏览 8提问于2017-12-01得票数 1

回答已采纳

2回答

使肚脐折叠/按下关闭

javascript、html、css、navigation、navbar

我很难让移动设备上的导航栏与我的网站崩溃。这个问题只与该网站的移动版本有关。这是一个网站：非常感谢

浏览 2提问于2017-12-22得票数 0

回答已采纳

1回答

Squarespace:阻止iFrame尝试在移动设备上打开

javascript、html、css、iframe、mobile

iFrame覆盖了整个页面的宽度(100%宽度)和几乎整个高度，在顶部为页面导航按钮留出了空间。 iFrame在Mac或PC台式电脑上运行良好。但是，如果我在iPad或iPhone上打开页面，页面就会加载，然后变得没有响应。我无法单击导航栏以移动到其他页面。我唯一可以点击的仍然具有功能的东西是主页导航按钮，以返回到我的网站的主页。我联系了iFrame中使用的网站，被告知他们的程序(一个应用程序)<e

浏览 2提问于2018-04-20得票数 1

2回答

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

css、angular、angular-material

在Angular Material网站()上，这是工具栏在桌面上显示时的外观在移动设备上，菜单项Components、CDK、Guides链接在第二行，但github、主题图标和版本号下拉列表仍然在第一行没有任何文档或示例说明如何做到这一点。

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

1回答

建立响应导航条使用引导，它折叠到旁边的导航条？

twitter-bootstrap、navigation

如何在Twitter 3中构建一个响应性的导航栏，它在移动设备中作为一个旁导航菜单崩溃？我知道如何使用响应的导航条，它附带了当前的引导版本，但我想实现其他的东西，如在给定的在下面的链接！

浏览 3提问于2014-09-16得票数 0

回答已采纳

1回答

使用Twitter Bootstrap 2.x在移动设备上切换侧边栏

twitter-bootstrap、toggle

是否可以通过Bootstrap隐藏移动设备的侧边栏，但让它通过切换按钮访问？切换按钮应该只为移动设备显示，其中默认视图没有侧边栏-类似于响应Bootstrap导航栏的工作方式。请参阅附图。

浏览 3提问于2013-06-01得票数 3

回答已采纳

1回答

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

reactjs、react-bootstrap

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

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

回答已采纳

1回答

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

jquery-mobile、twitter-bootstrap、mobile-website

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

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

3回答

MPMoviePlayerController可以退出全屏，但是topbar已经消失了

mpmovieplayercontroller、uinavigationbar、fullscreen

我正在使用MPMoviePlayerController.在iPad上播放电影当用户将设备旋转到景致时，我将其动画化为全屏。如果用户然后点击‘退出全屏’或'done'，电影就会回复到它的小框架(本机行为)，但是--顶部栏(导航栏)已经消失了。而且，可见视图已经向上移动，在状态栏后面和后面移动。我尝试通过将setNavigationBarHidden:animated发送到当前视图控制器的

浏览 3提问于2010-12-27得票数 3

回答已采纳

1回答

随着宽度的增加，不断填充twitter-bootstrap导航菜单。

twitter-bootstrap、navbar、responsive-nav

我使用的是默认的Twitter Bootstrap响应式导航栏(从移动设备开始)。我希望菜单随着导航栏宽度的扩展而不断填充。我当前的导航(非常适合移动设备)但是，随着宽度的增加，我想用更多的菜单项填充列表。

浏览 0提问于2016-02-06得票数 0

点击加载更多