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 …

The best way to consume React-Bootstrap is via the npm package which you can install with npm (or yarn if you prefer). If you plan on customizing the Bootstrap Sass files, or don't want to use …

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 …

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 Container from 'react-bootstrap/Container'; import Nav from 'react-bootstrap/Nav'; import Navbar from 'react-bootstrap/Navbar'; import NavDropdown from 'react-bootstrap/NavDropdown';

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

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

import Button from 'react-bootstrap/Button'; import Form from 'react-bootstrap/Form'; import Stack from 'react-bootstrap/Stack'; function FormExample () { return ( <Stack direction="horizontal" …

A slideshow component for cycling through elements—images or slides of text—like a carousel.

import Col from 'react-bootstrap/Col'; import Nav from 'react-bootstrap/Nav'; import Row from 'react-bootstrap/Row'; import Tab from 'react-bootstrap/Tab'; function LeftTabsExample () { …