nav相关内容

尝试在移动视图中隐藏导航栏

当我检查并将其放到 iPhone X 等移动设备时,我的导航栏目前显示如下: 但是,我希望它在移动设备中显示如下: ... 并且当点击按钮时栏会打开. 为了让它看起来像我想要的,我在 CSS 中使用了 display:none 但是这意味着当你点击按钮来显示它时什么都没有出现.我的 HTML 和 CSS 如下: const navSlide = () =>{const bu ..
发布时间:2021-06-07 18:50:02 前端开发

当复选框被选中时,css&html 导航栏应该出现

我尝试使用两个同级选择器(~,如代码段中所示,以及 +)来使 nav 栏出现在复选框已选中,但不起作用,我也不知道还能做什么. nav {左:-100%;位置:固定;}#check:checked~nav {左:0;} 解决方案 这里是你的代码应该是什么样子,首先你有一个没有关闭的 标签和 + 兄弟 select 移动复选框上方的标签. nav{左:-1 ..
发布时间:2021-06-07 18:49:59 前端开发

内部带有 div 的导航(两个不同的菜单)

我做了一个我想做的事情的图像,有点,但我似乎无法解决. 我想要什么: 我目前有导航,但它都在一个 div 中,我想做的是将它分开,有两个不同的 div,每个都有不同的内容. 这是我的实际代码. 更新: CSS #nav{位置:固定;顶部:0;左:0;宽度:100%;高度:7%;文本对齐:居中;填充:.5em 0 1em 0;z-索引:1;溢出:隐藏;背景图像:-we ..
发布时间:2021-06-07 18:49:56 前端开发

反应路由器导航栏示例

我是 React JS 的初学者,想为我的仪表板开发基于 React 路由器的导航.样机如下: 我为尝试路由而创建的 app.js 代码如下: 从 'react' 导入 React从'react-dom'导入{渲染}从“反应路由器"导入{路由器,路由,链接}从'./components/Login.js'导入登录;const App = React.createClass({使成为() { ..
发布时间:2021-06-07 18:49:52 其他开发

将我的徽标与导航栏对齐时出现问题

我已经坐在这里2个小时了,只是想将我的徽标与导航栏对齐,所以它们也都可以放在一行上,类似 http://weightshift.com/ 我也尝试添加此图片 http://imageshack.us/photo/my-images/26/logonkg.png/ 要与导航栏对齐,即时通讯使用的是以下CSS,每次我尝试对齐导航栏时,它都会卡住,导航栏位于标题下方,即时通讯使用响应框 ..
发布时间:2021-05-14 20:23:40 前端开发

悬停在Flexbox中仅在文本下划线

我试图在使用 flexbox 制作的垂直 nav 上的下划线上进行 hover 的工作.在没有 的水平 nav 上, hover 的下划线可以正常工作,但是一旦添加了 flexbox 的下划线范围整个框,而不是仅在文本下方. 看看下面的第一个代码片段如何按预期工作,但是一旦我在第二个代码片段中使用 flexbox 使 main_nav 垂直时,下划线就会中断. 如何解决此问题,使其在保 ..
发布时间:2021-05-08 19:50:33 前端开发

我需要帮助为现代垂直导航栏制作CSS

我一直在玩一个(我认为)非常现代的垂直导航栏,我已经把它弄下来了很多,但是它好像并没有真正的响应能力.如果改写的话,情况会更好.感谢您提供任何帮助:),或者如果您有任何了解或发现的视频,也会使我朝着可行的方向发展! 我尝试制作两个普通部分,其中一个部分宽约8vw,然后一直向下,然后再进行第二个部分,对我的其余内容来说都是这样. 希望你们很安全. 我的设计 至于代码,我已经完 ..
发布时间:2021-04-26 19:12:31 前端开发

Bootstrap导航栏重叠内容

我的Bootstrap导航栏出现问题. 导航栏中的标签很多,因此页眉位于单独的行上,标签位于第二行,看起来不太好. 因为navbar需要2行,所以它隐藏了我的页面上的某些内容,例如,在所附图像中的“请选择群集avg文件...."行上方有一个标题,但是您无法看到它,因为navbar重叠并隐藏它. 如何解决此问题?我希望导航栏在导航栏的一行中仅显示有限的选项卡,并在汉堡菜单中隐藏其他 ..
发布时间:2021-04-26 19:02:12 前端开发

我如何居中Zurb Foundation顶栏导航?

我的网站上的顶部导航栏是这样对齐的: |设为首页aveoTSD |寂静的黑夜| 我想这样将顶部导航栏居中: |设为首页aveoTSD |寂静的黑夜| 将其居中对齐,就像带有“示例"文本的红色条一样. 这是我的CSS . 解决方案 您可以通过将其添加到CSS中(最好删除冲突的样式)来实现: .top-bar-section ul {display:table;保证金 ..
发布时间:2021-04-21 20:03:23 前端开发

打开/关闭后解决方案消失响应式导航

我之前曾问过这个问题,但还是没有成功.希望有人现在能帮助我...在小提琴中,您看到一个响应式菜单,当它大于1000px时,该菜单具有4个水平内联的菜单项.小于1000像素的菜单会显示一个nav-btn(现在是红色框!),onclick会显示菜单项,但是当打开和关闭并调整大小至大于1000像素时,其余3个菜单项不会显示.我对媒体查询做了一些测试,但是我认为解决方案必须在javascript部分中找到 ..
发布时间:2020-05-16 21:44:36 前端开发

基于滚动忽略最后一节的jQuery类更改

我正在使用jQuery引导页面滚动并更改导航项的颜色以与您所在的部分相对应.一切正常,但是脚本忽略了页面的最后部分(联系). 这很大程度上是基于Stack上的另一个问题,但是我已经修改了代码以适合自己的需求,然后遇到了这个问题. 测试地点: http://dev4.dhut.ch/ HTML: ..
发布时间:2020-05-16 21:44:30 前端开发

导航栏教程

首先,对不起我的英语不好.我真的是App开发的初学者,并且正在做一个具有三个视图的应用. 第一个和第二个通过选项卡栏切换(到目前为止还可以). 第一个它将是唯一一个通过导航栏指向第三个视图(将仅是图像)的视图. 导航栏在第一个视图中将具有一个按钮,可转到第三视图,而在第三视图中,导航栏将具有按钮“后退"(这是问题所在). 我在第一个视图中放置了一个导航栏,并尝试在其中放置一个Nav项,但是它 ..
发布时间:2020-05-16 21:44:28 移动开发

中心菜单导航

我已经弄清楚了如何将徽标居中,但是也无法将导航也居中.希望你们能提供帮助! 中心徽标代码: #header #logo{ float: none !important; } #header hgroup { float: none !important; text-align: center !important; } 我知道这是非常基本的,但是我希望获得一些帮助.谢谢你.在我 ..
发布时间:2020-05-16 21:44:25 前端开发