react-bootstrap форма регистрации, бордер

Не очень разбираюсь в css-фреймворках, подскажите какой правильный способ придать этому контейнеру бордер? И нужен ли в этом случае вообще контейнер? Цель: сделать небольшую форму для регистрации или логина по центру экрана. Буду рад любым вариантам и практикам!

import React from 'react'
import { Form, Button, Container } from 'react-bootstrap'

const Login = () => {
  return (
    <Container>
      <h2 align="center">Log In page</h2>
      <Form>
        <Form.Group controlId="formBasicEmail">
          <Form.Label>Email</Form.Label>
          <Form.Control type="email" placeholder="Enter email" />
        </Form.Group>
        <Form.Group controlId="formBasicPassword">
          <Form.Label>Password</Form.Label>
          <Form.Control type="password" placeholder="Enter password" />
        </Form.Group>
        <Button type="submit" variant="primary">Submit</Button>
      </Form>
    </Container>
  )
}

Ответы (0 шт):