React-bootstrap Questions

I'm using plain bootstrap in reactjs, but some of the attributes are not working in reactjs so what should i do

I am using react bootstrap and the class position-sticky doesn't work at all. there is not overflow at all levels. any hints?

To summarize the problem, i am trying to work through a component that has 2 columns (react-bootstrap column component). the left container being

I created the event () function that it passes as a custom component to <calendar components = {{   event: event

I am looking to generate search suggestions that match data collected, like so:

I try to code a modal in react.js using bootstrap5 but i can not use npm react-bootstrap out of several reasons. i tryd an approach where i use

I need full-width dropdown and items in the dropdown must be sticky to the parent item. check screenshots. i am using react

I am pretty new to react and bootstrap. i want to know - how can i control the visibility of a form.control when form.check is checked or

I am trying to add react bootstrap modal in my application. in one file am dropping the modal and trying to send the param to the modal class.

I'm a java developer working on a react prototype and stuck trying to retrieve the id property from the selected dropdown item, which we then

I am creating a react app and used the bootstrap navbar but the navbar is not collapsing in mobile view and this looks annoying.

I have state that is false by default. when the checkbox is checked i want the state to become true.

How can i loop through an array and based on the item count create new <carousel.item> and insert a <card>

I'm used to functional programming in java and have just been trying my hand at js recently. i am trying to stream through a json output that

Not the best with asynchronous calls, js or react and struggling with it... here goess.. so i am using fetch library to

I want to change background color of react bootstrap modal popup. my modal code is - <modal show={this.state.show}

Here is the code in the component i am getting the error at the bottom. this is where i got the controllable carousel code from:

In the todos array, it looks for an element withid 4. he writes it to the owner variable. i put the

How to install react-bootstrap v0.32.4? i look at react bootstrap 3 documentation, but there is only: npm install --save

I'm using the tabs component of thereact-bootstrap framework. when i put an example: <div>   

I am wondering what is the best way to center the form.label components inside my form. i am new to react and bootstrap.

I would like to add a button to each row of react-bootstrap-table 2 and want to bind button click also. but now it does not work. here is

I will try and explain best i can. i want to create a carousel dynamically. this is the representation of my data going into making

Hi i create a login form using react-bootstrap, mdbootstrap and formik. i want a login spinner to be shown each time user presses login button.

I'm wrapping a react-bootstrap scrollable modal in a formik form in order to have the buttons in the

I'm fairly new to react and started checking out react-bootstrap and the way the components are styled. the documentation clearly styles

I'm attempting to have an icon's state change depending on whether or not there's data present. for example, if the 'likes' counter is greater

I'm making a image slider in react jsx for profile section,bt it's not working. import react from 'react'; import awesomeslider

Im trying to upgrade my react-bootstrap version from 0.31.0 to 0.32.4. im getting a unmet peer dependency

I am using an array of objects that comes from the server in componentdidmount method and then i save it into the state. if i change page

So basically i have a little problem with setting up a height of row/cols using the % in react-bootstrap. i have a row with 8 columns(im gonna add

While updating some deps (react-bootstrap) i ran into a react error you likely forgot to export your component from

I try to make a navbar with logo for my first website. the problem i face is the fact that the logo doesnt want to display at all. the only way it

I only need the grid system from bootstrap in my react app, because the default styling from bootstrap crashes my style. how can i only use the

I'm attempting to create a popover and the popover example provided by react-bootstrap docs is not working. i've attempted to make various tweaks

In reactjs, i am creating a container with three equally sized columns. currently my code creates the three columns but they only occupy the

After import the bootstrap and jquery this error is showning when compiling. import react from 'react'; import reactdom from

When install bootstrap and jquery in react, this happens. (using linux deepin) global.jquery = require('jquery');

I'm just starting learning react and wanted to create some navbar firstly, with links for not logged user and later for logged one, but i'm

I have a react navbar in my main component and on there i have a search bar. i want to be able to have users type text into the search box and

I'm trying to learn testing, started from basic tests, now i would like to test functions. however, i went through all of the internet it feels,

I am showing two modal at a time in my react application. currently it's working fine and looks like this.

I have three tabs , i need to place a tool tip on hover on those tabs,i am using bootstrap tabs.(its a react application.) import

Import { form } from 'react-bootstrap' const namearray = [ { "id": 52655, "firstname": "raj", "lastname": "",

React-bootstrap carousels not working import react from 'react'; import carousel from 'react-bootstrap'; class homeslider extends

I'm trying to set focus on <inputgroup> element from his <form.control> child using useref

I'm very new to reactjs. there is a third-party library called

I'm using the react-bootstrap-typeahead module in one of my application. this is working fine, except in one case. i'm not able to submit

I'm using react-bootstrap-typeahead module in one of my application. this is working fine, except in one case. i'm not able to submit the

I'm creating a project where i fetch data from server & render 10 data in 10 different bootstrap card using

I need to allow only to enter numeric values in my form.control with react-bootstrap. also, i need to give a maximum length to the control.

I’m trying to write an express app using express-react-views and react-bootstrap. i haven’t gone about this the

I am new in react, now i am trying to do sidebar and hide show collapse menu item. here is function=> collapsemetoggle(){

Hi i have two components exportreportroomselectionmodal & header both have their own logic and state. i want to open

I'm trying to add an alert every time i submit my form. i tried to pass my state as a prop to my component but that doesn't seem to work.

I'm using the react bootstrap progresbar component

I am making a simple react app for which i am using react-bootstrap. here i am trying to display a very very simple tooltip using

Design the section with react-bootstrap-table2. i just want to show popover with options on clicking the particular cells. is there any way to

When, we use create-react-app while creating a new react application. it creates multiple files. out of which index.html is the rendered html

I am using versions: [email protected] [email protected] i am trying to create an alert that is initially

I wanted to load images put under public directory in my react repository. it would be loaded automatically if i put all

I have react-select included in my react application which is using react-bootstrap. so i have a bootstrap modal, and the react select

Using react-bootstrap form for post a file and some data: <form onsubmit={this.handlesubmit} >

I'm trying to create my first simple crud front-end app in react. i have some problems with the edit form. whenever i display the edit

I am passing data to the modal from a parent component. i show the modal on a button click. but the modal body doesn't contain the desired data.

I have a react-bootstrap component and the loading animation will not play. also, the button wont center. i can use margin-left:

I am using react with react-bootstrap framework and i don't know how to use types from react-bootstrap in my component. example of my

On scroll down i have added and removed certain classes. i want to revert the classes back on scroll up. how can it be done using only

I have a form using togglebuttongroup from react-bootstrap. i need to change some text values in the form based on the value selected

What i want to do is add bootstrap-react modal and fire it from a stateless function. all the examples i can find requires changing the "show" in

Using this library

I have been trying to integrate the asynctypeahead functionality from the react-bootstrap-typeahead library. i am trying to use this with the

I wasn't sure how to phrase the title but basically, i am following a tutorial to create a login/registration and i am currently trying to display

I can add a button with text in react-bootstrap using code like <button

I am building a monorepo for a suite of react apps, and common library code. one of the packages would be a component library.

I'm new to react js. i'm trying to create a component. for that i've installed bootstrap (version 4.1.1) which is successfully installed.

I need to develop below component in reactjs. the circle in the middle is just the average (which is a div element) and

I'm not sure what i'm doing wrong. i pasted this example code directly from react-bootstraps official page and i can't get it to work. the strange

I'm newbie with react and react-bootstrap and i would like to customize background of a tab

I am trying to create a simple webapp using reactjs, and i wanted to use the navbar provided by react-bootstrap. i created a

I'm trying to open modal (extends component) from another component (that extends react.purecomponent) react.purecomponent. i'm new to

I am having a parent component(container) where am displaying products in a table, on clicking header cells, am calling a modal window which is

I have this part of code: <panel> <panel.heading> <panel.title toggle> hello

I am trying to change the attribute "class" of an div-element inside a modal on a button click (the button is not in the modal), while the modal

I am using react-bootstrap-table-next and wanted to add "checboxes" to some of the header cells. i referred to the documentation-

I have simple navbar like this: <navbar.collapse> <nav> <navitem eventkey={1}

I am using react-bootstrap library. this library having a module called dropdownbutton. so i am able to display

I am migrating from react-bootstrap v0.32.4 to v1.0.0-beta.5 and

As the title said. i have a stateless component based on react-bootstrap-typeahead and a form wizard based on the

I know how to change the background color of a row in a reacttable object (code below). how do i change the color of the

I am a newbie to react. i have been trying to render new component. i have two files consisting of two different components. fmueditor.js and

I am using the react-bootstrap forms. i have around 15 fields that need to be filled out in the form. does this mean i need to have 15 validation

I am using reactstrap and displaying my cards dynamically and they seem to want to stack vertically no matter what i try. here is the component in

I have tried to implement the sidebar with navigation from mdbreact to use bootstrap and material design. i have just copy pasted the

What i want to do is set routing to my object. for example: i set routing for: http://localhost:3000/projects

I'm making my first react project. i'm new in js, html, css and even web app programming. what i'm trying to do is to display some

Im making my first react ptoject. im new in js, html, css and even web app programing. what i try to do, is to display some infomration on

Whenever i make the size smaller, my input type text always goes below when making the screen smaller but my

I am using react-bootstrap that targets bootstrap v3 and i am using the alert component to show messages to the user. furthermore i need