
React Bootstrap
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 …
Introduction | React Bootstrap
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 …
Why React-Bootstrap? - GitHub Pages
Since React-Bootstrap is built with React Javascript, state can be passed within React-Bootstrap components as a prop. It also makes it easier to manage the state as updates are made using …
Navbars | React Bootstrap
import Container from 'react-bootstrap/Container'; import Nav from 'react-bootstrap/Nav'; import Navbar from 'react-bootstrap/Navbar'; import NavDropdown from 'react-bootstrap/NavDropdown';
Forms | 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, …
Tabbed components | React Bootstrap
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 () { …
Navs and tabs | React Bootstrap
Documentation and examples for how to use Bootstrap’s included navigation components.
Dropdowns | React Bootstrap
Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin
Cards | React Bootstrap
Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options.
Buttons | React Bootstrap
Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.