/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

98 votes393 views2 answers
Add bootstrap to react,.........,,,,
Javascript Bootstrap
145 votes767 views6 answers
Add bootstrap to react
Javascript Bootstrap
0 vote249 views1 answer
Bootstrap popover style width
CSS Bootstrap
0 vote229 views1 answer
Bootstrap format json
Javascript Bootstrap
2 votes249 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
-2 votes219 views2 answers
How will it look when there is a container inside a a row bootstrap
Javascript Bootstrap
0 vote229 views1 answer
Horizontal cards react bootstrap
Javascript Bootstrap
40 votes313 views6 answers
How to add bootstrap in angular
Javascript Bootstrap
133 votes342 views6 answers
Using bootstrap with react
Javascript Bootstrap
6 votes243 views5 answers
Bootstrap icons
CSS Bootstrap