React-Bootstrap.jsx

import Button from "react-bootstrap/Button";
import 'bootstrap/dist/css/bootstrap.min.css';




function App() {
  return (
    <div style={{width:"100vh",margin:"auto",marginTop:250, }}>
      <Button variant="primary" style={{margin:5}}>Primary</Button>
      <Button variant="secondary" style={{margin:5}}>Secondary</Button>
      <Button variant="success" style={{margin:5}}>Success</Button>
      <Button variant="warning" style={{margin:5}}>Warning</Button>
      <Button variant="danger" style={{margin:5}}>Danger</Button>
      <Button variant="info" style={{margin:5}}>Info</Button>
      <Button variant="light" style={{margin:5}}>Light</Button>
      <Button variant="dark" style={{margin:5}}>Dark</Button>
      <Button variant="link" style={{margin:5}}>Link</Button>
    </div>
  );
}


export default App;