bootstrap-4-react/README.md

Bootstrap 4 React components

# bootstrap-4-react

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![npm version](https://badge.fury.io/js/bootstrap-4-react.svg)](https://badge.fury.io/js/bootstrap-4-react)
[![npm downloads](https://img.shields.io/npm/dm/bootstrap-4-react.svg)](https://www.npmjs.com/package/bootstrap-4-react)
[![GitHub last commit](https://img.shields.io/github/last-commit/richardzcode/bootstrap-4-react.svg)]()

Bootstrap 4 React components.

This library helps render Bootstrap 4 markups in React. Developers can always fall back to Bootstrap original syntaxes for advanced cases.

## Get started

```
npm install --save bootstrap-4-react
```

Then start adding components, no additional CSS/JS needed.

```
import React, { Component } from 'react';
import { Alert } from 'bootstrap-4-react';

export default class App extends Component {
  render() {
    return <Alert primary>Primary Alert</Alert>
  }
}
```

## Documentation

[Documentation](https://bootstrap-4-react.com) is built by `bootstrap-4-react` itself, check [source code](https://github.com/richardzcode/bootstrap-4-react/tree/master/site)

## Examples

Rewrite [Bootstrap examples](https://getbootstrap.com/docs/4.1/examples/) [in React](https://bootstrap-4-react.com/#example)

![bootstrap-4-react site examples](bootstrap-4-react-site.png)