/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 vote460 views1 answer
Bootstrap put button on one line
CSS Bootstrap
120 votes496 views3 answers
React import bootstrap css file
CSS Bootstrap
14 votes430 views4 answers
Text align left bootstrap
CSS Bootstrap
-1 vote445 views1 answer
Bootstrap scrollable modal
CSS Bootstrap
0 vote459 views1 answer
React bootstrap table
Javascript Bootstrap
0 vote431 views1 answer
Bootstrap format json
Javascript Bootstrap
0 vote384 views2 answers
./node_modules/bootstrap/dist/js/bootstrap.bundle.js
Javascript Bootstrap
0 vote406 views1 answer
Bootstrap tabs click event jquery
Javascript Bootstrap
0 vote427 views1 answer
Bootstrap.min.css code download
CSS Bootstrap
253 votes557 views10 answers
Bootstrap cdn
Javascript Bootstrap