All Questions
400
questions
2
votes
1
answer
39
views
How to apply Flex Direction in React
I create a sample web Page using Cards in React, I used React Bootstrap for Cards
Here I can't set flex Property.
This is my Component:
import 'bootstrap/dist/css/bootstrap.min.css';
import Card from ...
0
votes
0
answers
27
views
I'm a beginner in web development and I've been struggling with CSS positioning. I use a mix of Bootstrap and CSS
I'm a beginner in web development and I've been struggling with CSS positioning. I've been trying to place a Bootstrap profile button to the right of a menu, both aligned to the left side of the ...
0
votes
0
answers
33
views
I need help in creating a table in react with the help of bootstrap
i actually want to create this table for my react project but i am facing issues in this project , can anybody help me out , i need to do it as a project for my department but i am not very familiar ...
0
votes
0
answers
37
views
CSS Transitions Problem in Sidebar using React
I'm working to my portfolio with responsiveness using react.js, CSS, Bootstrap. were when the small screen the menu for the sidebar will show.
but the problem is when I click na menu to open the ...
0
votes
0
answers
24
views
Firebase updateDoc function not working Reactjs
I'm trying to update my document on firestore, i'm able to get the data and prefill it in the placholder but i'm having issues with updating the data with updateDoc.
I have tried to print out the ...
0
votes
0
answers
78
views
react-bootstrap tabs not showing as pills
I cannot get the active tab titles to display as pills. I have copied the code from https://react-bootstrap.github.io/docs/components/tabs/#controlled.
I added the variant="pills" attribute ...
1
vote
1
answer
74
views
highlight border in table on hovering
I want the table row boundary to be highlighted during hovering.
Like this:
I tried adding CSS and the code for it is:
.ant-table-tbody>tr.ant-table-row:hover>td, .ant-table-tbody>tr>td....
0
votes
2
answers
119
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
28
views
Can't center the svg in my navbar element
I am trying to make a sideways navbar and can't center the svg icon from bootstrap, but cant, I have tried multiple things and checked other questions but simply can not get it to work. Any idea why ...
0
votes
0
answers
16
views
Header LinkContainer navigate to Search.js in NavbarCollapse Error
Okay, this is my current Header, now I want when user click the Search Button, it will navigate to search bar in Navbar Collapse
Understand what I mean? when I click the search button, I want it ...
0
votes
2
answers
51
views
Prevent flex child to shrink
I have a from row with two inputs. There is a logic to display ⚠️ (warning emoji) next to the last input on the row, depending on the input number.
However, due to how flex box works, the input ...
0
votes
0
answers
30
views
How exclude topbar overflow content?
please, helpe me, when my main content is overflowed, the overflow is displayed from the top menu, is this behavior normal? Is there a way to exclude the top menu from this behavior? It happens that ...
0
votes
2
answers
1k
views
React/Bootstrap: How to get drop down menu to be rendered on top of everything?
I am trying to have a Bootstrap dropdown menu when a button is clicked. I have a component structure like this:
<>
<div className='1'>
<navbar/>
<div>
&...
0
votes
2
answers
34
views
Custom .CSS file/classes not importing to React Bootstrap app?
This is a continuation from Trying to shift my React button based on numerical values (##px) doesn't work?.
I'm trying to move a button my webpage based on whatever value I set right: ##px to, but ...
0
votes
0
answers
107
views
How to style a Dropdown menu with React & bootstrap to be 100% width
I'm creating a navbar for a website using React and Bootstrap.
Some of the navbar links will open a dropdown menu, which I want to be the full width of the page, but it currently only opens to be the ...