bootstrap: display

by istiq20

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Displaya</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>
    <div class="d-block d-md-inline-block text-bg-primary" style="width: 200px">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut corporis cum
      distinctio dolor et harum laboriosam, magnam magni nulla numquam, quasi
      quos sequi veniam. Doloribus error molestias odio officia tempore.
    </div>

    <div class="d-none d-md-inline-block text-bg-danger" style="width: 200px">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut corporis cum
      distinctio dolor et harum laboriosam, magnam magni nulla numquam, quasi
      quos sequi veniam. Doloribus error molestias odio officia tempore.
    </div>

    <div class="d-print-none d-block d-md-inline-block text-bg-success" style="width: 200px">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut corporis cum
      distinctio dolor et harum laboriosam, magnam magni nulla numquam, quasi
      quos sequi veniam. Doloribus error molestias odio officia tempore.
    </div>

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