https://github.com/richardzcode/bootstrap-4-react

Bootstrap 4 React components
https://github.com/richardzcode/bootstrap-4-react

bootstrap bootstrap4 css javascript react reactjs responsive webapp

Last synced: about 1 month ago
JSON representation

Bootstrap 4 React components

• Host: GitHub
• URL: https://github.com/richardzcode/bootstrap-4-react
• Owner: richardzcode
• License: mit
• Created: 2018-08-06T20:59:06.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-03T15:17:03.000Z (almost 2 years ago)
• Last Synced: 2024-04-13T22:24:33.202Z (9 months ago)
• Topics: bootstrap, bootstrap4, css, javascript, react, reactjs, responsive, webapp
• Language: JavaScript
• Homepage: https://bootstrap-4-react.com
• Size: 7.14 MB
• Stars: 21
• Watchers: 2
• Forks: 5
• Open Issues: 15
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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 Primary 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)