4,027 questions
1
vote
2
answers
72
views
React Bootstrap Navbar Collapse Not Showing the Links On Default
So I'm trying to use react bootstrap by copy pasting the exact code from the website, however even on default where the screen width is more than 992px (I'm using expand lg) the links just doesn't ...
- 43
1
vote
1
answer
74
views
React Bootstrap Cards are overlapping
I am trying to create a React Bootstrap card view, where all cards should have some space between each other. But my created React Bootstrap cards do not have the expected space between them.
I have ...
- 84
2
votes
1
answer
69
views
How to use useState to switch between 2 js files with Tabs
Currently working on a project and when clicked on the tab, it should change pages but for some reason its not changing. Only stuck on the overview page. Is there something I'm doing wrong?
import ...
0
votes
1
answer
98
views
NextJS - react-bootstrap getting error when using Form.Group
I am trying to play around with react-bootstrap with NextJS but immediately encountered error using Form.Group when trying to create a simple login page. I copied the below code from the official ...
- 3
0
votes
1
answer
46
views
Import Error: react-bootstrap/Table Not Found in NextJS
I've tried every possible solution—even with ChatGPT's help—but I'm still stuck. I have a container that holds two applications: a frontend app developed in NextJS (React) and a PostgreSQL database. ...
- 13
0
votes
1
answer
31
views
How can I disable a FormControl toolbar
I have a simple FormControl element that is meant to take user input.
The problem I have now is that the Chrome browser (I think) is enabling this keyboard toolbar when the user presses the input ...
- 5,175
0
votes
0
answers
64
views
React-Bootstrap not working properly after implementing lazy loading in React
I am using React-Bootstrap in my React app, and it was working fine until I implemented lazy loading for my components using React.lazy() and Suspense. After enabling lazy loading, React-Bootstrap ...
1
vote
1
answer
303
views
Unexpected Application Error! useNavigate() may be used only in the context of a <Router> component [duplicate]
I was following a tutorial:
https://www.youtube.com/watch?v=R4AhvYORZRY&t
and i came across a problem, where, the <LinkContainer /> got me that error, deleting it, fixed it, adding router to ...
1
vote
1
answer
32
views
Semantic markup in react-bootstrap
I am new to React and I would like to start using it right away with the react-bootstrap library. Now I am not sure how to integrate semantic element such as header, section and so on and use the ...
1
vote
0
answers
112
views
React-Bootstrap Error in Vite: "Cannot read properties of undefined (reading 'createContext')"
I'm working on a React project using Vite and React-Bootstrap, but I keep encountering the following error when running the app:
react-bootstrap.js:1415 Uncaught TypeError: Cannot read properties of ...
- 11
1
vote
1
answer
109
views
Unable to input negative sign in input field
I am new to React and I am trying to have a input field which can take values between -40 and 30. I am using Form.Control from react-bootstrap and below is my code
interface Range{
min: number,
max: ...
- 13
0
votes
1
answer
207
views
Why doesn't my dropdown from React Bootstrap close
I'm trying to use a dropdown menu from React-Bootstrap and can't make it work. It doesn't close (and it's not vertical, only if I use CSS with display: flex and flex-direction: column)(I'm using 2.10....
- 13
-1
votes
1
answer
57
views
How to make an accordion colored?
I successfully made the inside of an accordion in React Bootstrap colored red, but its header remains non-red. Please, help to make the header red, too (it should be red when closed and light-red when ...
- 5,899
0
votes
1
answer
122
views
react-bootstrap 5.3.3 offcanvas-backdrop element of offcanvas is not removed on click on closeButton
I am using react-bootstrap in v5.3.3 in a single side application. A form is shown in a offcanvas which is flying in from the right side of the screen.
It works as expected when the offcanvas is ...
- 87
1
vote
0
answers
43
views
bootstrap navigation toggle not working with react
I am using react-bootstrap version 5.3.3. Below is a code I wrote in an attempt to build the navigation for my react app. For some reason, the navbar toggler button appears but does not seem to be ...
- 11