All Questions
18
questions
0
votes
2
answers
315
views
How to align JSX component to the left on a webpage using React and Bootstrap?
I'm currently working on a React project where I'm using Bootstrap to style my components. I have a JSX component that I want to align to the left on my webpage, but for some reason, it doesn't work. ...
0
votes
1
answer
84
views
Pagination.Item kept active all the time, I have no idea why
I currrently using react bootstrap, and I having weird output, this is my Paginate.js
import Pagination from 'react-bootstrap/Pagination';
import { LinkContainer } from 'react-router-bootstrap';
...
0
votes
2
answers
47
views
react file is not render when run on browser
i download bootstrap template for project and when i run the script on browser nothing shows up.
where is the problem in this code i expect to show-up output on my local-host.
home.jsx i remove most ...
1
vote
2
answers
227
views
Why I am getting simple checkbox instead of toggle switch in react?
I am trying to make a toggle switch to enable dark mode using switches from the bootstrap, but after saving the same code turns out to be a simple checkbox. I have read from the documentation that in ...
- 31
-1
votes
1
answer
175
views
Bootstrap 5, same code not working in my local but works in codeply
I am trying to reproduce this scrollspy example from bootstrap website.
Here is how I reproduce it: https://yue-site-front.herokuapp.com/
You can inspect the code.
The navigation links work good, but ...
- 554
4
votes
3
answers
5k
views
InputGroupAddon tag not working with reactstrap. Any possible solution for this
ERROR in ./src/components/TodoForm.js 25:39-54
export 'InputGroupAddon' (imported as 'InputGroupAddon') was not found in 'reactstrap' (possible exports: Accordion, AccordionBody, AccordionContext, ...
- 141
1
vote
1
answer
2k
views
What is this warning and how can I fix it?
When I am trying to configure my react app and when I type yarn add [email protected] in the command prompt, following warnings come out.
C:\Users\Administrator\Desktop\React\confusion>yarn add ...
-1
votes
1
answer
763
views
Can't add Active class to group list item in react map function
Hi please help me deal with this, when I hover on a group list item rendered by react map(), it will set active class to all of the items instead of the one i choose. this is the code:
const ...
0
votes
1
answer
481
views
Navbar toggle button isn't working in react Using Bootstrap 4.5.3
Why my toggle button is not working. I'm creating a react app! Please help
Should I try with ul li tags or is there any library that makes responsive navbar for react?
import React from "react&...
-1
votes
1
answer
168
views
React State value call
I want to create a form and save some values.
I have this constructor code :
constructor(props) {
super(props);
this.state = {value: ''};
this.handleChange = this.handleChange.bind(this);
this....
- 53
-1
votes
1
answer
102
views
Where can I get react templates similar to bootstrap templates?
I am a beginner in web development and have learnt the basics of react. Where can I get react templates in component form for me to make modification to content and maybe add a few more components? I ...
- 136
0
votes
1
answer
1k
views
CSS sliding is overlapping to sticky top menu bar
The logic is to stick the menubar 2nd div when scrolling and other divs should go under the sticky menubar. But here only 3rd div sliding banner is overlapping to sticky and others are working fine.
...
- 179
1
vote
3
answers
5k
views
How to add Bootstrap to React app and use classes inside
Can someone please explain how to add bootstrap to react app and how to use them inside react components since we can not add CDN links and "class" attribute inside a react app. Would you kindly ...
6
votes
4
answers
17k
views
how to use data-target and data-toggle in Reactjs?
I was converting a static HTML site which uses bootstrap to React.js
Here there are several divs which do open only on data-target and data-toggle.
<div className="card-header" id="headingFive">...
- 417
1
vote
2
answers
69
views
Bootstrap columns not working as expected
I am trying to have 12 columns, which would take up 1 column each on a large screen, and 4 columns each on a small screen. But when I try to minimize it, nothing happens, they just get pushed one ...
- 67