reactstrap

Reactstrap is currently compatible with Bootstrap 5.1. If you are using Bootstrap 4, you'll need to use Reactstrap v8. This library contains React Bootstrap components that favor composition and control. The library does not depend on jQuery or Bootstrap javascript. However, Poppers.js via react-popper is relied upon for advanced positioning of content like Tooltips, Popovers, and auto-flipping Dropdowns. There are a few core concepts to understand in order to make the most out of this library. Your content is expected to be composed via props.children rather than using named props to pass in Components. Attributes in this library are used to pass in-state, conveniently apply modifier classes, enable advanced functionality (like tether), or automatically include non-content-based elements.