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 …

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 a CDN for …

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 …

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

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 …

import Container from 'react-bootstrap/Container'; import Nav from 'react-bootstrap/Nav'; import Navbar from 'react-bootstrap/Navbar'; import NavDropdown from 'react-bootstrap/NavDropdown';

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

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 () { return ( …

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

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