navbar相关内容

Bootsrap页面冲突中的两个响应式导航栏

使用Bootstrap响应式框架我必须在页面中使用两个导航栏.它们工作正常,但在切换模式下,单击图标会同时列出两个"nav-collapce"项! 我尝试将折叠类的名称重命名为第二个类,但是它不起作用.能否让我知道如何两次运行两次"nav-collapse崩溃"而没有任何冲突? ..
发布时间:2020-05-16 21:48:25 其他开发

引导程序-导航栏固定顶部包含内容

我对navbar-fixed-top有疑问.好吧,我有一个简单的问题.我固定的导航栏涵盖了内容,例如在“关于我们"页面中,它包含带有“关于我们"标题的行. 我不知道如何解决它,因为当我调整网站大小(移动设备的大小)时,标题是可见的. 当然我在其他页面(全角和404)中的页眉也有这种问题. 此外,在“索引"页面中,它涵盖了一些轮播滑块. 信息: 网站: http://t ..
发布时间:2020-05-16 21:48:20 其他开发

向下滚动引导导航栏,向下滚动,同时更改文本颜色

所以我正在开发一个Ruby on Rails应用程序,该应用程序具有给我的设计,该设计要求导航栏在页面顶部透明,然后在向下滚动经过certian 上,导航栏链接文本在顶部为白色,并且在相同的处将褪色为灰色. 我已经研究过JavaScript,该JavaScript可以在向下滚动时改变不透明度,但是我还没有成功使其能够正常工作.我以为可以在导航栏中淡化为白色的相同功能也可以在 ..
发布时间:2020-05-16 21:48:13 前端开发

引导程序4中像my-2,my-lg-0,mr-sm-2这样的CSS类做什么?

我看了其他问题和引导文档,似乎无法找出这些类对元素的作用.任何帮助表示赞赏!我只是想将搜索栏的大小设为大视口的1/4倍,中视口的1/3,小视口的100%! 解决方案 这些是引导程序间距实用程序类: mr-sm-2: r-对于设置margin-right或padding-right 的类 my-2,my-lg-0: y-对于同时设置*-top和*-bottom 的类 ..
发布时间:2020-05-16 21:48:10 前端开发

引导两个导航栏崩溃

在引导程序中,我想在彼此下方有两个导航栏. 我的想法: 导航栏1有一个品牌:主菜单. 导航栏2(在navbar1下方)的品牌为:子菜单. 当用户在手机上查看站点时,他/她会看到两个可折叠的导航栏. 用户现在可以选择打开导航栏.菜单或子菜单. 我刚刚在引导网站上复制了标准代码: http://getbootstrap.com/components/#navbar 奇怪的是.当我缩小 ..
发布时间:2020-05-16 21:47:44 其他开发

Bootstrap 4固定顶部导航和固定侧栏

这是一个如何使用边栏创建导航栏的好例子.任何人都可以修改代码,以使顶部导航固定在顶部,而侧边栏仅在滚动主页内容的情况下是固定/静态的吗?我可以通过将class="fixed-top"分配给nav来使导航栏最固定,但是我无法弄清楚如何固定侧边栏,使其保持在同一位置,而不是向上滚动主栏.页面内容.将class="sticky-top"应用于侧边栏似乎无效. ..
发布时间:2020-05-16 21:47:38 其他开发

Bootstrap 3中响应式导航栏的问题

在Bootstrap的最新版本中,响应式导航栏没有问题,但是我无法使版本3正常工作.切换按钮正确显示,除了品牌以外,其他所有内容均消失,但该按钮不响应点击. ( http://getbootstrap.com/components/#navbar-sensitive )任何帮助都将是非常感激! 这是到目前为止的代码: ..
发布时间:2020-05-16 21:47:36 其他开发

Bootstrap导航栏:在较小的设备上不显示任何内容

在中间的带有徽标图像的导航栏在较大的屏幕上确实可以很好地工作,但是在较小的屏幕上,包括徽标图像在内的所有内容都消失了(并且汉堡包无法显示)有人知道解决此问题的方法吗? 这里是链接: http://codepen.io/davidcochran/pen/Fkwys #navbar-primary .navbar-nav { width: 100%; text-align: c ..
发布时间:2020-05-16 21:47:16 前端开发

单击导航栏链接时如何滚动到特定的目标组件

我有多个组件,其中一个是导航栏中的组件,我有多个应该滚动到每个部分或组件的链接,在纯HTML中,我们使用href和anchor标签.但是在这里我找到了一个名为react-scroll的React库,但是问题是我不知道如何从Navbar组件中的Link链接到不同文件夹中的每个组件.任何帮助将不胜感激. import React, { Component } from "react"; ..
发布时间:2020-05-16 21:47:08 其他开发