All Questions
91 questions
0
votes
0
answers
37
views
react-bootstrap <Button> not working properly The background color not workıng just when hover
my project was workıng just fin till one day the buttons that i import from the react bootstrap background color stop working and i tried many ways to solve it
like using clasname or uninstall and ...
0
votes
1
answer
4k
views
how to have multiple cards in each Carousel slide react-bootstrap
I'm working with react-bootstrap and I have my data coming from an API and saved in recipes as an array.
I'm trying to have Carousel with react-bootstrap but right now it shows each item on a separate ...
0
votes
2
answers
872
views
Table height is not working in react bootstrap
I am using react-bootstrap components. I have a table covered by a div. The table has six rows. I have added height to my div, but table is not sized according to height.
I need the table to fit ...
- 244
1
vote
1
answer
834
views
How to design Custom Tab in react-bootstrap
I am using react-bootstrap components. I am using tabs in my project. I am also using styled components also. I have used tabs which looks like this
But My Requirement was this
When the tab is ...
- 244
-1
votes
1
answer
49
views
boostrap collapse is not working in my react app
bootstrap collapse is not working in my react app .
i want the collapse functionality in my app
it is not working in my reactapp.
i think bootstrap classes are working but bootstrap onclick is not ...
- 71
0
votes
1
answer
322
views
React Bootstrap dropdown with filter doesn't work on mapped data
I'm using the react-bootstrap library in a project, and have used the <Dropdown /> component, and I'm trying to get it to include a filterable search. I've got this from the docs:
import React, {...
- 65
-1
votes
1
answer
181
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 ...
- 564
2
votes
1
answer
814
views
Blank page when rendering Bootstrap Component in React
I am kind of new at Front-end development, and I encountered the following bug.
So, I was designing my own project - local store site, every component created by me, but eventually I came to the ...
- 71
1
vote
2
answers
11k
views
How to add delete trash icon to bootstrap table rows in React?
I have a table with some fields and I want to put a trash icon to each row and then delete that row when it is clicked. I have a problem on that row to show that icon and send customerId field of the ...
- 777
1
vote
1
answer
3k
views
React-Bootstrap Cards Stretching Images
I am simply trying to set up some cards in React-Bootstrap but the Card component is stretching my images way bigger than their original sizes. When I try putting the image in an tag outside of the ...
- 43
2
votes
0
answers
326
views
React-Bootstrap Navbar is Breakaing My Website
i am trying to pull a bootstrap Navbar from the documentation here however when I follow the steps of setting it up, (using the npm install, updating the index.html, and updating the index.JS to ...
- 145
0
votes
2
answers
1k
views
Bootstrap Data-bs-toggle is not working in the currently version?
I notice that bootstrap 5.1.3 data-bs-toggle isn't working anymore. Like in this exemple:
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="...
3
votes
3
answers
9k
views
react-bootstrap form switch button
I can't seem to figure out why I am not able to set the default value for react-bootstrap switch to false (off). It seems the only time the value will change is when I trigger the onChange event ...
- 439
1
vote
0
answers
548
views
How can I wrap long text in (js bootstrap react) dynamically created table cell which is input type?
I dynamically created an online table with node js in which some cells are for text input i.e.
$tbody.append(`<tr><td><input type="text"></td></tr>`);
I want ...
- 115
1
vote
3
answers
3k
views
TypeError: Cannot read properties of null (reading 'classList') React
I am having this header which on scroll, I want to change the background to a different color.
The navbar variable returns null always. Why is it so? How can I do that?
The transform:translateY is ...
user14653534