Category "react-bootstrap"

react-bootstrap progress bar - can you change the label color?

I'm using React-bootstrap to make a progress bar. Easy enough, it works: <ProgressBar className="progress" striped now={this.state.now} label={this.state.pr

How to call an individual modal box component in react?

I wanted to open/load a react bootstrap model box component (Modalbox.js) to App.js, but the modal box open button code in App.js, how to do that? please help.

React bootstrap navbar collapse not working

I have used react bootstrap navbar also used react-scroll for smooth navigation. It's working fine but navbar is not collapsing when clicking any nav item in th

React bootstrap navbar collapse not working

I have used react bootstrap navbar also used react-scroll for smooth navigation. It's working fine but navbar is not collapsing when clicking any nav item in th

Css not updating react component

/* Here is my container in my react component */ <Container fluid className="graph-container"> <Tabs id="graph-buttons" var

Is mixng plain CSS "style" with Bootstrap "class" good practice?

Is using plain CSS inline "style" and React-Bootstrap "className" at the same time a bad practice? <FormControl type="search" placeholder

Bootstrap validation in a dual-purpose form not working

I have a form that is used for both Adding and Editing an Organisation. If the form is in Add mode (default) then you also create a default Admin user as part o

Error: Hydration failed because the initial UI does not match what was rendered on the server with useSession() and react-bootstrap

I am using next.js, react18 and next-auth. I have a login component that checks the session and displays a login or logout link, depending on you are logged in

How to add scroll into react-bootstrap Modal.Body

I'm using react-bootstrap modal. How can I make only body to scroll and not all the page? <Modal.Dialog> <Modal.Header> <Modal.Titl

need help centering bootstrap carousel image

I am having trouble making the image centered in the slider. Please see my carousel here https://wordpress-website-headless-v2-c9jivybjd.vercel.app/ it is creat

Can I use React Bootstrap with Next.js?

Does anyone know if you can use react-bootstrap with Next.js? I am using the latest versions of both, I can provide code at this point, but right now my app is

Displaying firstname and last name in the same column in react-table-2

I have an API rendering some user data, first- and last name etc.: users = [{ firstname: 'Peter', lastname: 'Pan' address: 'someAddress' }, firstname:

How to add Horizontal Scrollbar in a React Bootstrap Table?

I am using React Bootstrap Table and I want to add Horizontal Scrollbar only to the last two columns. Last two columns should be wrapped in a scrollable contai

Can't change width of React Bootstrap button

Can someone tell me how to change the width of my React bootstrap button? I am just playing around with it I've imported the Button component from react-boot

how can I react-bootstrap change the color of the tabs

I want to change the color of the tabs used in react-bootstrap. but when I change the style it goes for the content and not the tabs. How can I do it.

react-bootstarp warning about color adjust [closed]

I began my react app with create-react-app, then I installed react-bootstrap with npm, then I used in my index.js import 'bootstrap/dist/css/b

Creating block buttons using Bootstrap in ReactJS

I want to create simple block buttons, that span the entire div. I am using react-bootstrap package to do this in React. Here is the code I am using:- <Conta

React-Bootstrap not working after npm installing and importing it

I made an app using create-react-app and then I ran npm install react-bootstrap and then npm install bootstrap Then in my main src/index.js file, I imported Boo

ReactJS Reuse Modal for Add and Edit

I have a ReactJS application, I have a page that has a table there is a create button for creating a new record that opens a modal to enter the data. That works

ReactJS Reuse Modal for Add and Edit

I have a ReactJS application, I have a page that has a table there is a create button for creating a new record that opens a modal to enter the data. That works