react-bootstrap Questions
6
Solved
I have an Input component with a button (buttonAfter property), I set an onClick handler associated to the button and so user can type some text and clic the button to fire the right action.
Howe...
Drunkometer asked 11/12, 2015 at 12:26
7
Solved
I'm trying to use react-bootstrap breadcrumb as below.
<Breadcrumb>
<Breadcrumb.Item href="#">Home</Breadcrumb.Item>
<Breadcrumb.Item><Link to={"/products"}>Product...
Carrol asked 2/3, 2018 at 7:59
4
Solved
I am making a very simple React application where I am in the need to display a tooltip on hover over the text...
<OverlayTrigger
placement="bottom"
overlay={
<Tooltip
id="...
Margitmargo asked 10/2, 2020 at 5:50
7
Solved
I am working on my first react-bootstrap website and I am noticing that the dropdown in navbar won't allow dropdown on hover.
I am wondering if there is a workaround. I tried adding some code to m...
Biological asked 24/2, 2020 at 10:22
5
I'm using react-bootstrap lib and need to use an input component.
I know how to type a simple input but have a problem with FormControl
class Search extends Component<Props, { searchInput: str...
Speleology asked 6/2, 2019 at 8:47
7
Solved
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 not throwing any errors, it is just n...
Bretbretagne asked 22/10, 2019 at 2:23
5
The react-leaflet map does not get rendered properly.
The map is rendered outside of its parent's boundaries
Some tiles of the map are missing
The problem occurs when using the map with standar...
Turoff asked 18/10, 2016 at 8:34
11
Solved
After import the Bootstrap and Jquery this error is showning when compiling.
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import 'bootstrap/dist/css/bootst...
Liguria asked 12/8, 2019 at 10:58
10
So recently I decided to try and use the react-bootstrap library to make my code look simpler but for some reason the tag isn't working correctly.
I have this code with all the imports in my index...
Elgar asked 24/2, 2020 at 3:35
4
Solved
I have a react-bootstrap modal with an <input>. I want to set the autofocus attribute on the <input>
The following works fine, but shows a warning in the console
<input type="text"...
Clement asked 5/7, 2019 at 3:27
5
Solved
Issue
I keep getting the following error in webpack
Error: Cannot find module 'react-bootstrap-validtion'
at Function.Module._resolveFilename (module.js:339:15)
at Function.Module._load (module...
Emrich asked 9/9, 2016 at 5:13
2
Solved
I am trying to get the value of a form input using React-Bootstrap. What is the standard procedure to get the form value from a react bootstrap form on a functional component in react?
export defau...
Collier asked 30/7, 2020 at 22:10
5
I'm making a website where I'm using react-router-dom's NavLink components to prevent rerenders for a single page application experience.
As I am trying to make the site responsive, I have been tr...
Peritonitis asked 5/6, 2019 at 16:21
6
Solved
Is there anything that can be done to make keep a Modal open when clicking outside the container?
I have a password change screen and I need the Modal to ONLY close when clicking on the submitbutt...
Menarche asked 15/5, 2018 at 15:40
3
Solved
I have installed react-bootstrap and tailwind together for my react app. I'm getting some conflict using both of them. So I want to uninstall tailwind.
Ingar asked 9/5, 2022 at 16:33
4
I've tried making this to work, but this is what happened.
Using react-draggable npm package, I was able to make contents draggable and droppable. But the back of whole dialog stays in place, and...
Markswoman asked 28/8, 2017 at 23:32
5
I am ReactJS beginner. Are there spacing and margin utility classes in React-Bootstrap like we have in Bootstrap with mt-4,p-5,mx-auto etc?
I am going through the documentation of React-Bootstrapan...
Landmeier asked 13/12, 2018 at 9:44
13
Solved
I'm trying to right align a navbar item (Contribute) within a navbar.js but I can't seem to figure it out. The navbar is a React component and looks like the following,
navbar.js here
import Reac...
Tacnaarica asked 18/2, 2017 at 5:9
5
Solved
What's the point in using react-bootstrap over plain old Bootstrap?
I was going through https://react-bootstrap.github.io/components.html and I don't see any advantage. I can only see that it can...
Whelan asked 30/6, 2016 at 12:7
9
Solved
I am using the marvelouse react-icons package (http://gorangajic.github.io/react-icons/fa.html), specifically the font awesome package.
If this was not react, then I would just add an attribute to...
Sadducee asked 3/5, 2017 at 19:39
3
Solved
Suppose we are using Row from React-Bootstrap... How do we style it without using a wrapper or inner element:
<Row>
<div className='some-style'>
...
</Row>
Ideally, we could ju...
Olsen asked 20/7, 2016 at 17:5
5
Solved
I'm sure this has been asked before, but I cannot find the answer neither on StackOverflow or the React-bootstrap-site.
How do I hide an element ( for example) on xs devices, soemthing like xs-hid...
Basilica asked 25/12, 2015 at 13:36
8
Solved
I have a modal that has 3 components. Each component represents a stage, so for example the first component is inputing the user's first name when the user click next, and it will go to the next co...
Feaster asked 13/11, 2019 at 3:58
4
Solved
I am using react-bootstrap library. This library having a module called DropdownButton. So i am able to display data in dropdown. This is single selection data.
<DropdownButton
bsStyle="succe...
Innumerable asked 7/2, 2019 at 12:59
3
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 or not
import Link from 'next/link';
...
Suppose asked 12/4, 2022 at 17:48
1 Next >
© 2022 - 2025 — McMap. All rights reserved.