React-Bootstrap replaces the Bootstrap JavaScript. Each component has been built from scratch as a true React component, without unneeded dependencies like jQuery.

Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin

We provide react-bootstrap.js and react-bootstrap.min.js bundles with all components exported on the window.ReactBootstrap object. These bundles are available on jsDelivr, as well as in the …

Use optional containers to limit their horizontal width. Use spacing and flex utilities to size and position content A responsive navigation header, including support for branding, navigation, …

You can still create card-based accordions like those in Bootstrap 4. You can hook into the Accordion toggle functionality via useAccordionButton to make custom toggle components.

TabContent, and TabPane components along with any style of Nav allow you to quickly piece together your own Tabs component with additional markup needed. Create a set of NavItems …

The <FormControl> component renders a form control with Bootstrap styling. The <FormGroup> component wraps a form control with proper spacing, along with support for a label, help text, …

import { useState } from 'react'; import Alert from 'react-bootstrap/Alert'; import Button from 'react-bootstrap/Button'; function AlertDismissibleExample() { const [show, setShow] = useState(true);

Bootstrap only supports one modal window at a time. Nested modals aren't supported, but if you really need them, the underlying @restart/ui library can support them if you're willing.

Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.