bootstrap: spacing

by istiq20

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Spacing</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
    <div class="bg-primary m-2 p-3">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad autem, beatae
      consequuntur est expedita fugit inventore iusto labore laudantium modi
      molestiae nihil nulla porro quasi rem reprehenderit unde ut velit.
    </div>

    <div class="bg-success mb-2 ms-5 me-5 pt-3 pb-3">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi beatae
      iusto minus natus nobis? Accusamus, deserunt enim fuga harum non nulla
      obcaecati optio quidem saepe sed sint ut veritatis vitae?
    </div>

    <div class="bg-warning m-0 m-sm-3 m-lg-5 p-5">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. A adipisci
      assumenda atque blanditiis consectetur eligendi eos est exercitationem,
      itaque nam nemo officia perspiciatis placeat quaerat repellat sed sit
      tempora, voluptates.
    </div>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
  </body>
</html>