/Javascript/Bootstrap/React-bootstrap example

React-bootstrap example

React import bootstrap css

{/* The following line can be included in your src/index.js or App.js file*/}

import 'bootstrap/dist/css/bootstrap.min.css';

Source: react-bootstrap.github.io

React-bootstrap example

react-bootstrap example
---------------------------
> npm install react-bootstrap bootstrap@5.1.3

> App.css
@import "bootstrap/dist/css/bootstrap.css";

> App.js
import './App.css';
import { Button, Row, Col } from 'react-bootstrap';
function App() {
  return (
    <div className="App">
      <Row className="mx-0">
        <Button as={Col} variant="primary">Button #1</Button>
        <Button as={Col} variant="secondary" className="mx-2">Button #2</Button>
        <Button as={Col} variant="success">Button #3</Button>
      </Row>
    </div>
  );
}

export default App;

src - https://react-bootstrap.netlify.app/getting-started/introduction/

Source: ashabbsoftmart.web.app

Similar codes

0 vote277 views1 answer
Bootstrap modal overflow
CSS Bootstrap
18 votes303 views6 answers
Install bootstrap angular 9
CSS Bootstrap
0 vote269 views1 answer
Bootstrap 3 dropdown don't close on click
Javascript Bootstrap
33 votes270 views3 answers
React native bootstrap
Javascript Bootstrap
0 vote259 views1 answer
Form.Control textarea react bootstrap
Javascript Bootstrap
16 votes273 views3 answers
Bootstrap show modal jquery
Javascript Bootstrap
105 votes299 views3 answers
React bootstrap do you need to import
Javascript Bootstrap
6 votes215 views2 answers
Bootstrap alert auto close
Javascript Bootstrap
0 vote256 views1 answer
Row smaller than the container bootstrap react
Javascript Bootstrap
0 vote261 views1 answer
Bootstrap carousel dynamic height jquery
Javascript Bootstrap