Getting Started

Install React Bootstrap and start building responsive interfaces with Bootstrap 5 in a few minutes.

Installation

npm install @dafengzhen/react-bootstrap bootstrap clsx react react-dom

Quick Start

import 'bootstrap/dist/css/bootstrap.css';
import { Button } from '@dafengzhen/react-bootstrap';

const App = () => (
  <Button variant="primary">Hello Bootstrap</Button>
);

export default App;

Importing Components

import { Button } from '@dafengzhen/react-bootstrap/button';
import { Card } from '@dafengzhen/react-bootstrap/card';
import { Modal } from '@dafengzhen/react-bootstrap/modal';

Next Steps

Browse the components overview to explore every component and its documentation.