All Questions
606
questions
0
votes
0
answers
23
views
Copying an HTML styled react-bootstrap element to clipboard with styles intact
Given a simple functional React component with a react-bootstrap Table using the striped property, what options are available to copy the table and all of it's contents, styles intact, to the system ...
- 1,400
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
1
answer
34
views
How to I make the social media icons move from the center to the right while having the logo and pages stay in the center?
I am making a navbar that has my logo and pages in the center and social media icons on the right,
but anything change I've done to the social media nav component never moved them to the right, it ...
0
votes
0
answers
23
views
How to fit a variable number of react-bootstrap accordions to a page correctly
I am trying to make a webpage with react-bootstrap and I made a top bar. Under the top bar I am trying to add some accordions. The number of the accordions will be dynamic because I will get data from ...
- 3
1
vote
0
answers
34
views
How can you have vertical and horizontal scroll bars stay visible in a table?
I have a React Bootstrap Responsive Table that can end up having many columns, depending on user's actions. In the case where the user chooses enough columns, I want my table to scroll horizontally. ...
- 41
0
votes
1
answer
58
views
React-Bootstrap Table with "responsive" prop doesn't have scrolling in a Vite project
I am having an issue where my React-Bootstrap Table overflows the viewport when the screen size is smaller than it in the x direction. I have made it into a responsive table using the responsive prop. ...
- 31
0
votes
0
answers
52
views
some tailwind class not work on production
I'm encountering an issue with Tailwind CSS classes in my React app. Some classes are not working on my production server, but they work perfectly fine locally. I've deployed the app on an Nginx ...
1
vote
1
answer
62
views
Vertical scroll bar in react-bootstrap Accordion Body is not clickable
I am using the react-bootstrap accordion. One of my items contains a list that's sometimes rather long. I added overflowY: auto to the style in order to add a scroll bar in these cases. The scroll bar ...
0
votes
0
answers
31
views
styling layout for a react app using react-bootstrap
I am working on my frontend UI. I am using react-bootstrap 0.33.1 which supportsbootstrap v3.3.x.
This is how my UI looks like right now.
But, this is not something that I am expecting. I want to ...
- 21
0
votes
0
answers
38
views
React bootstrap full width container with max width properties
Is there a way in react-bootstrap to get a child container to overflow out of its parent <Container> which has max-width properties set to each viewport?
Imagine the child container being a ...
- 301
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 ...
- 11
1
vote
2
answers
243
views
How can we change the height and width of the close button in react-bootstrap?
<CloseButton className="crossBtn"/>
.crossBtn{
height:37px;
width:32px;
}
How can I change the width and height of the close button ? If I write like this it is not changing.
- 51
0
votes
1
answer
315
views
How can i remove the outline from FormControl when the input field is highlighted? (React-bootstrap)
So, I'm trying to make a search bar with some suggestions in dropdown. I'm using React-bootstrap. Now, I want to style it such that it goes from one side of the page to another, but with margins left ...
1
vote
2
answers
235
views
Is it possible to center the React Bootsrap ProgressBar's label?
I'm working with React-Bootsrap ProgressBar and I notice the component aligns its label based on its value:
progress-bar example
I was wondering if it was possible to center the label regardless its ...
0
votes
0
answers
32
views
How can I create this effect with CSS?
I'm using react-text-loop and I'm trying to create an effect that loops through a series of genres before finally landing on one. However, I'm struggling with CSS. I want to have "| COMPOSER"...
- 91