React bootstrap导航栏没有任何设计或无法工作

文章/答案/技术大牛

发布

3回答

reactjs、react-bootstrap

我为我的网站安装了react-bootstrap和bootstrap以及它的测试，但它没有任何设计，我不知道发生了什么。以下是所有代码： import React from 'react' export fu

浏览 19提问于2021-07-26得票数 0

回答已采纳

3回答

路由组件未在反应中显示

reactjs、react-router

我有一个简单的反应页面与导航栏和一个单一的路线。App.js：import { BrowserRouter as Router, Route } from "react-router-dom";import "bootstrap/dist/css/bootstrap.min.css"; import Navbar from

浏览 6提问于2022-04-04得票数 -1

1回答

React-bootstrap正在更改我的自定义css组件

html、css、reactjs、twitter-bootstrap、react-bootstrap

我正在用react构建一个ubereats副本。为了相同地复制关键组件(比如导航栏和侧边栏)中的样式，我需要使用自定义css。要使用react bootstrap，我需要在我的index.js或App.js中有这一行，我在我的index.js中有它：要使用我的自定义css，我必须导入这些内容，我为我的导航栏和侧边栏创建了一个自定义css，并且我正在<

浏览 22提问于2020-11-15得票数 0

回答已采纳

1回答

我需要material-ui组件类似于下面给出的引导响应导航栏组件

reactjs、material-ui、navbar、react-bootstrap

我有一个简单的反应与redux应用程序，其中使用bootstrap的导航栏，但其余的网站使用材料-ui。我只能依赖于bootstrap用于导航栏，因为我在material-ui文档或任何其他资源.so中找不到响应式导航栏。我使用bootstrap cdn并使用下面给出的组件，它工作得很好.but，它的字体很小，文本颜色不是那么突出。dropdown的背景颜色也不是很好。此外，我<e

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

1回答

我不能用浏览器使导航栏和搜索栏缩小反应

css、reactjs、react-bootstrap

我的主要目标是当浏览器shrinks.Theirs我实现样式的方式出现问题时缩小搜索栏，因为它不会缩小。每当我尝试它时，它仍然会出现在页面上。我尝试使用flex-grow，但没有任何效果。我最大的问题也是宽度，我似乎不能正确地工作。导航栏没有覆盖浏览器的整个宽度。

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

0回答

React Bootstrap导航条

reactjs、twitter-bootstrap-3

我将react与bootstrap一起使用(不是react-bootstrap)，并在导航栏上工作。一定宽度(<768px)的导航栏变成了一个移动导航栏，其中包含折叠视图中的链接，你可能已经知道了。有没有办法找出它是否在移动视图中？我有一个搜索按钮，我希望onclick事件在每个视图中是不同的。

浏览 3提问于2016-07-15得票数 1

1回答

无法在React Router Navlink之间放置边距

reactjs、react-router、react-bootstrap

我正在尝试使用React Bootstrap创建一个简单的导航栏： import React from 'react';import Navbar from 'react-bootstrap/Navbar'; import Nav from 'react</e

浏览 37提问于2021-07-19得票数 0

1回答

如何使用react实现导航栏

javascript、reactjs、navbar

我正在尝试自己学习，但在为我的网页创建一个简单的导航栏时遇到了麻烦。我想将导航栏放在index.jsx文件中，以便它显示在页面的顶部；下面是我在index.jsx文件中的内容。import React from 'react'import App from '.

浏览 0提问于2018-05-04得票数 6

3回答

为什么React* Bootstrap导航栏崩溃了？*

javascript、reactjs、bootstrap-4

我遵循了React-Bootstrap文档，特别是这段代码使我的导航栏-> import React from 'react' Navbar as Boo

浏览 7提问于2018-02-14得票数 1

回答已采纳

1回答

如何在React-bootstrap中让导航栏固定在顶部，而不是在小视口上？

html、css、reactjs、twitter-bootstrap、navbar

我刚接触Bootstrap (和react-bootstrap)，所以我遇到了一些麻烦。因此，我现在有一个透明的导航栏，并使用事件侦听器对其进行设置，以便当您向下滚动时，导航栏的背景会出现，并且导航栏会在您向下滚动时停留在屏幕顶部。如果我有fixed="top"，当你打开汉堡菜单时，它会扩展到我的页面下面的任何文本上，而不是按下它并为导航栏链接腾出空间。如果我从

浏览 6提问于2019-07-09得票数 0

1回答

在Android设备上的应用程序中隐藏默认导航栏

android、react-native

目前正在开发一个全屏移动应用程序，使用react-native构建。我已经设法隐藏了Android设备上的状态栏和默认导航栏。然而，当我开始在屏幕上输入提示键盘的文本输入标签时，默认的导航栏再次出现，即使我关闭了键盘，它也无法隐藏。当键盘弹出时，有没有办法防止默认导航栏重新出现？原因是，我需要删除导航栏，以便有足够的空间来定位应用程序UI设计上所需的组件。如果<

浏览 1提问于2018-10-18得票数 1

1回答

如何在ember-bootstrap插件中加载bootstrap.min.js

javascript、bootstrap-4、ember-bootstrap

我遇到了一个关于ember-bootstrap插件的问题。我已经下载并安装了它，就像在他们的安装页面上提到的那样，这里写着：https://www.ember-bootstrap.com/getting-started/setup。安装完成后，我已经直接开始使用导航栏了--但用的时间不长。在折叠时与浏览器导航栏交互的Hamburgermenu没有打开。我发现bootstrap.min.js没有导

浏览 20提问于2020-07-23得票数 1

回答已采纳

2回答

React-Router不渲染页面

javascript、reactjs

我从bootstrap获取了一个导航栏模板，并尝试配置react- router，url发生了变化，但页面没有呈现，我不确定这是否与我的导航栏或路由器有关 import React from "react/App.css"; import "bootstrap/dist/css/bootstrap.css&quo

浏览 46提问于2020-06-29得票数 1

3回答

React-Bootstrap中的两个导航栏行

javascript、reactjs、typescript、react-bootstrap

我正在尝试模仿这个导航栏： 📷 在React-Bootstrap中，我正在考虑将两个导航栏放在彼此的顶部，为此，我添加了以下文件： MainNav.tsx import React from'react'; export default function

浏览 48提问于2021-10-10得票数 0

1回答

使用Pingendo时引导程序下拉不起作用

jquery、twitter-bootstrap、navbar

我不能使用bootstrap让我的导航栏工作。事实上，在我看来，大多数Bootstraps演示版上的导航栏也不起作用。或者，出于学习目的，它们可能会处于永久开放的状态。无论哪种方式，我都无法让上的任何导航栏工作。在Bootstrap演示页面上，我认为".open“类应用于周围的div。但这不会发生在我的网站上。这个类来自一个外部的无引导文件。我在使用SASS的B

浏览 7提问于2017-08-23得票数 0

1回答

使用sass修改react-bootstrap的正确方法是什么？

javascript、css、reactjs、node-sass

我在一个使用node-sass的react站点上工作，正在尝试修改导航栏中的文本。修改默认引导变量的正确方法是什么？到目前为止，我已经尝试过修改导航栏中的文本，但似乎无法使其按预期工作： NavigationBar.jsx import { Navbar, Nav } from 'react-bootstrap';import React from 'react

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

2回答

React:如何在任何导航上运行函数？

reactjs、react-bootstrap

我在导航栏(react-bootstrap navbar)上有一个搜索框。我需要清除任何导航或路由上的值。我该怎么做？导航栏是一个类组件。很抱歉现在添加了这个。

浏览 20提问于2020-12-28得票数 0

1回答

引导导航栏仅在使用IE9调整大小后工作

twitter-bootstrap、internet-explorer-9

我正在帮助一个朋友用bootstrap 3设计他的主页。现在设计差不多完成了，但是当我们用IE9访问页面时，我们发现页面底部的导航栏有一个奇怪的行为。像往常一样，定义了四种尺寸(大、中、小、超小)。如果第一次加载页面时使用大号或中号IE9，则导航栏不起作用。只有在重新调整窗口大小到至少小或超小之后，导航栏才能正常工作-即使是大窗口或中窗口。使用Chrome、FF

浏览 0提问于2014-10-23得票数 0

1回答

使用Devise/Oauth将个人资料图片添加到Bootstrap/Foundation导航栏？

twitter-bootstrap、devise、oauth-2.0、ruby-on-rails-4、zurb-foundation

我一直在网上搜索，还没有找到在使用Oauth/Devise/Bootstrap或Foundation时如何在导航栏中添加个人资料图片的指南-有什么建议/指南吗？谢谢。

浏览 4提问于2013-10-07得票数 0

1回答

如何正确设置反应性引导导航栏中的路由

reactjs、react-bootstrap

我刚刚开始学习React，我想先创建一些导航条，为未登录的用户提供链接，然后再为日志用户创建链接，但我很难做到这一点。我的代码：问题是，当我用路由器(来自外部routes.js)包装导航栏时，它根本不显示，但是如果我自己在url中输入/login或/signup，则路由工作得很好。另一方面，如果我注释掉路由器，就会显示navbar，但是路由不能工作。我读过关于LinkContainer的文章，但没有多大帮助。我的package.j

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

回答已采纳

点击加载更多