如何使用vuetify制作移动响应式导航栏

文章/答案/技术大牛

发布

1回答

css、laravel、vue.js、navigation、vuetify.js

我有一个vuetify选项卡组件，我希望将它用作我的导航菜单。我想用vuetify创建一个响应式导航栏。这是我的代码。

浏览 89提问于2020-10-21得票数 1

回答已采纳

1回答

如何像http://jacksbarlondon.co.uk/一样创建响应式导航栏

html、css、jquery-mobile

我不需要在这个站点的移动版本中构建一个响应式的移动导航栏，就像一样，当我点击导航栏图标时，一个弹出窗口就会出现。如何制作一个类似于这个站点的弹出窗口？请帮帮忙

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

3回答

在移动浏览器中隐藏导航栏

twitter-bootstrap、uinavigationbar

我正在使用Twitter Bootstrap制作一个移动响应式网站。我想完全隐藏顶部导航栏时，网站是在手机上查看。有人知道怎么做吗？

浏览 1提问于2013-05-21得票数 3

回答已采纳

1回答

根据条件动态设置验证组件属性

javascript、vue.js、vue-component、vuetify.js、nuxt.js

我在我的web应用上有一个使用v- app -bar vuetify组件制作的导航栏组件。我遇到的问题是，我需要根据用户所在的页面动态设置v-app-bar的道具。，当用户向下滚动时，图像背景会褪色和减小尺寸，这基本上是我在网站的登录页面上使用的。所以我只想在主页上只有这个横幅导航栏样式，并希望当用户在另一个页面时，不同的风格。我已经尝试过创建单独的导航栏组件，并在组件内部使用v- if来根据路由更

浏览 19提问于2020-08-20得票数 0

3回答

如何反转display:none的效果

html、css

我正在制作我的第一个响应式网页。它是桌面优先的，因为它是一个简单的单列页面，所以我只需要一个媒体查询，对于手机。我有一个不同于手机的桌面导航栏。所以我把两个导航都放在了HTML中。我在css的主要部分将移动设备的导航设置为"display:none“，这会使它从桌面版本中消失。我在查询中将桌面的导航设置为"display:none“，这会使该导航从手机中消失。问题是我不能让手机的导航</e

浏览 9提问于2018-08-16得票数 1

2回答

更改Nuxt进度条的位置

vue.js、nuxt.js、vuetify.js、nuxtjs

我正在使用Nuxt和Vuetify，所以可能的布局是顶部的导航栏和左边的菜单。是否可以将进度条移动到实际页面的顶部(导航栏下方)？谢谢

浏览 2提问于2020-09-24得票数 1

1回答

如何使CSS中的元素具有真正固定的大小？

css、size

我目前正在尝试制作一个响应式导航栏(它可以工作，是响应式的)，但在某些窗口大小时，它会变得太大。因此，我试图在某个时候使用@media (max-width)来阻止它的发展。不幸的是，当我使用px描述新的固定大小时，导航栏现在受到页面缩放(ctrl+mouse轮)的影响，我试图避免这种行为。我的问题有解决方法吗？

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

2回答

响应式网页:响应式导航菜单关闭时可见

javascript、html、css

我做了一个响应式导航栏，它会在屏幕的一侧打开，但当它关闭时，你可以一直滚动到屏幕的右边，看到div元素。响应式导航栏由HTML、CSS和JS组成。我怎么才能摆脱这个呢？当我从响应式导航栏打开这个div时，它将和我的旋转木马一起消失。旋转木马完全是用HTML和CSS制作的。我怎样才能摆脱它呢？我是ICT的一年级学生，所以我是一个大初学者(我的英语也不是很好)。网站

浏览 30提问于2020-11-06得票数 0

1回答

引导导航栏自定义高度

html、css、twitter-bootstrap

我正在尝试缩小导航栏的高度，以适应移动设备的尺寸。我尝试的是缩小导航栏，但JS菜单不起作用。有什么想法吗？ .navbar-fixed-bottom { height:35px; }

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

回答已采纳

1回答

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

twitter-bootstrap、navbar、responsive-nav

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

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

0回答

在ReactJs中为组件创建不同的移动布局

reactjs、mobile、layout、react-redux

如何使用ReactJs为组件(具有不同的桌面类型布局)创建完全不同的(移动类型布局)。(不是响应式的，响应式的是css必须处理的事情。)它应该是组件的不同布局，即在这里创建一个桌面屏幕的菜单(标题菜单)的页面，这将成为一个导航侧栏与小屏幕上的徽标。

浏览 7提问于2017-01-05得票数 5

回答已采纳

1回答

Twitter Bootstrap导航栏问题

html、css、twitter-bootstrap

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

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

回答已采纳

1回答

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

html、responsive-design、web

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

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

1回答

Chrome调整导航菜单大小

html、google-chrome、resize

所以我的问题是，在我一直在摆弄的网站的一个页面上，我的两个导航栏(顶部和边栏导航)在谷歌浏览器中没有明显的原因被缩小了，它们的行为在iE和火狐中都是完全正常的。

浏览 0提问于2015-08-30得票数 0

2回答

如何创建并响应此布局？

html、css、twitter-bootstrap、responsive

我是web开发的新手，我正在尝试制作一个静态响应式网站。到目前为止，我可以做一个响应式导航栏，但我被困在如何做这个布局上。 ? 这个在移动设备上的布局应该是这样的： ? 但是，我不知道如何在"image“附近添加文本。如果我把"image“和"text”放在同一个div中，上面的代码会有些奇怪。图像不会立即调整大小。

浏览 20提问于2021-02-25得票数 -1

回答已采纳

3回答

在我肚脐右边浮动这个菜单图标有问题

html、css

我正试图用移动菜单制作一个简单的响应式导航条，但在我的一生中，我无法解决这个问题。这应该很简单，但我对这些东西实在是太不习惯了，所以这不适合我。我正在尝试做一个响应的导航菜单，它有一个菜单图标，与导航栏的右边对齐。

浏览 3提问于2016-10-16得票数 1

回答已采纳

2回答

框覆盖导航元素

html、css

如何制作类似于下图的页眉？我被标识和导航栏的部分卡住了。如何创建div (徽标)来像这样拆分导航栏(灰色/黑线)？导航栏和幻灯片应该是全屏宽度(响应式)，内容区域的宽度是1200px。

浏览 0提问于2018-06-12得票数 1

1回答

使Bootstrap的导航栏始终折叠

css、twitter-bootstrap

我正在工作的网站没有使用桌面版的Bootstrap导航栏，而是利用了移动版的响应式导航栏(并隐藏了自定义导航)。导航栏没有实际的链接，甚至在桌面版本中也存在，显示品牌推广和搜索表单。然而，问题是该网站最终有三种导航类型： 1)自定义导航单元，桌面版使用。2)带有切换按钮的折叠导航栏3)大多数平板电脑上默认的“<

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

1回答

如何使Vuetify移动响应式导航栏和链接抽屉具有嵌套菜单？

vue.js、nested、navigation-drawer、vuetify.js

我正在使用Vuetify通过Vue框架制作一个导航栏组件。我想让产品项目有一个下拉成两个链接。

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

1回答

React Material Ui响应式抽屉

reactjs、material-ui

我使用React material UI Appbar组件创建了一个响应式导航栏。如果屏幕较大，则在导航栏中显示选项卡。如果屏幕大小为中等或更小，它将使用material UI responsive抽屉在导航栏的正下方左侧显示导航栏(主页、关于等)。如何将响应材料UI抽屉移到右侧？

浏览 51提问于2021-06-13得票数 0

回答已采纳

点击加载更多