bootstrap: visibility

by istiq20

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Visibility</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
    <div class="invisible text-bg-danger">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab alias animi
      deleniti enim error fugiat iusto laborum, magni nihil optio quia ratione
      sint voluptatibus. Eius error illum inventore laborum voluptate.
    </div>

    <div class="invisible text-bg-warning">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci
      asperiores aspernatur atque cupiditate distinctio, enim explicabo, ipsa
      ipsam itaque minima optio praesentium provident quia recusandae reiciendis
      repellat sed ullam unde?
    </div>

    <div class="visible text-bg-success">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci
      assumenda autem, beatae commodi consectetur consequuntur dolores, fugiat
      nisi, numquam odio suscipit temporibus velit? Consectetur cumque eum
      magnam quisquam. Esse, omnis.
    </div>

    <h1>Belajar Bootstrap</h1>

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