Each component has been built from scratch as a true React component, without unneeded dependencies like jQuery. As one of the oldest React libraries, React-Bootstrap has evolved and …

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 npm package.

In this way, React-Bootstrap provides a more reliable solution by incorporating Bootstrap functionality into React's virtual DOM. Below are a few examples of how React-Bootstrap components differ from …

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, and …

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, and more. Here’s …

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 each with an …

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

Documentation and examples for how to use Bootstrap’s included navigation components.

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

Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.