CloseTag | الشروحات | Bootstrap | الطباعة في BootStrap | BootStrap Typography

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap demo</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-gH2yIJqKdNHPEq0n4Mqa/HGKIhSkIHeL5AyhkYV8i59U5AR6csBvApHHNl/vI1Bx" crossorigin="anonymous">
  </head>
  <body>

    
    <div class="container-fluid">
          <h1 class="display-1">Display 1</h1>
          <h1 class="display-2">Display 2</h1>
          <h1 class="display-3">Display 3</h1>
          <h1 class="display-4">Display 4</h1>
          <h1 class="display-5">Display 5</h1>
          <h1 class="display-6">Display 6</h1>
    </div>

<!-- display class can be added to any element to change font-size and font-weight only -->
    <div class="container-fluid">
          <span class="display-1">Display 1</span>
          <span class="display-2">Display 2</span>
          <a class="display-3">Display 3</a>
          <h1 class="display-4">Display 4</h1>
    </div>
    


    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-A3rJD856KowSb7dwlZdYEkO39Gagi7vIsF0jrRAoQmDKKtQBHUuLZ9AsSv4jD4Xa" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.5/dist/umd/popper.min.js" integrity="sha384-Xe+8cL9oJa6tN/veChSP7q+mnSPaj5Bcu9mPX5F5xIGE0DVittaqT5lorf0EI7Vk" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0/dist/js/bootstrap.min.js" integrity="sha384-ODmDIVzN+pFdexxHEHFBQH3/9/vQ9uori45z4JjnFsRydbmQbmL5t1tQ0culUzyK" crossorigin="anonymous"></script>

  </body>
</html>

PCFkb2N0eXBlIGh0bWw+DQo8aHRtbCBsYW5nPSJlbiI+DQogIDxoZWFkPg0KICAgIDxtZXRhIGNoYXJzZXQ9InV0Zi04Ij4NCiAgICA8bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLCBpbml0aWFsLXNjYWxlPTEiPg0KICAgIDx0aXRsZT5Cb290c3RyYXAgZGVtbzwvdGl0bGU+DQogICAgPGxpbmsgaHJlZj0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9ib290c3RyYXBANS4yLjAvZGlzdC9jc3MvYm9vdHN0cmFwLm1pbi5jc3MiIHJlbD0ic3R5bGVzaGVldCIgaW50ZWdyaXR5PSJzaGEzODQtZ0gyeUlKcUtkTkhQRXEwbjRNcWEvSEdLSWhTa0lIZUw1QXloa1lWOGk1OVU1QVI2Y3NCdkFwSEhObC92STFCeCIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+DQogIDxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+IDo6LXdlYmtpdC1zY3JvbGxiYXJ7d2lkdGg6N3B4O2hlaWdodDo3cHg7fTo6LXdlYmtpdC1zY3JvbGxiYXItdHJhY2t7YmFja2dyb3VuZDojZmZmO306Oi13ZWJraXQtc2Nyb2xsYmFyLXRodW1ie2JvcmRlci1yYWRpdXM6NXB4O2JhY2tncm91bmQ6IzJmNDVmZjt9PC9zdHlsZT48L2hlYWQ+DQogIDxib2R5Pg0KDQogICAgDQogICAgPGRpdiBjbGFzcz0iY29udGFpbmVyLWZsdWlkIj4NCiAgICAgICAgICA8aDEgY2xhc3M9ImRpc3BsYXktMSI+RGlzcGxheSAxPC9oMT4NCiAgICAgICAgICA8aDEgY2xhc3M9ImRpc3BsYXktMiI+RGlzcGxheSAyPC9oMT4NCiAgICAgICAgICA8aDEgY2xhc3M9ImRpc3BsYXktMyI+RGlzcGxheSAzPC9oMT4NCiAgICAgICAgICA8aDEgY2xhc3M9ImRpc3BsYXktNCI+RGlzcGxheSA0PC9oMT4NCiAgICAgICAgICA8aDEgY2xhc3M9ImRpc3BsYXktNSI+RGlzcGxheSA1PC9oMT4NCiAgICAgICAgICA8aDEgY2xhc3M9ImRpc3BsYXktNiI+RGlzcGxheSA2PC9oMT4NCiAgICA8L2Rpdj4NCg0KPCEtLSBkaXNwbGF5IGNsYXNzIGNhbiBiZSBhZGRlZCB0byBhbnkgZWxlbWVudCB0byBjaGFuZ2UgZm9udC1zaXplIGFuZCBmb250LXdlaWdodCBvbmx5IC0tPg0KICAgIDxkaXYgY2xhc3M9ImNvbnRhaW5lci1mbHVpZCI+DQogICAgICAgICAgPHNwYW4gY2xhc3M9ImRpc3BsYXktMSI+RGlzcGxheSAxPC9zcGFuPg0KICAgICAgICAgIDxzcGFuIGNsYXNzPSJkaXNwbGF5LTIiPkRpc3BsYXkgMjwvc3Bhbj4NCiAgICAgICAgICA8YSBjbGFzcz0iZGlzcGxheS0zIj5EaXNwbGF5IDM8L2E+DQogICAgICAgICAgPGgxIGNsYXNzPSJkaXNwbGF5LTQiPkRpc3BsYXkgNDwvaDE+DQogICAgPC9kaXY+DQogICAgDQoNCg0KICAgIDxzY3JpcHQgc3JjPSJodHRwczovL2Nkbi5qc2RlbGl2ci5uZXQvbnBtL2Jvb3RzdHJhcEA1LjIuMC9kaXN0L2pzL2Jvb3RzdHJhcC5idW5kbGUubWluLmpzIiBpbnRlZ3JpdHk9InNoYTM4NC1BM3JKRDg1Nktvd1NiN2R3bFpkWUVrTzM5R2FnaTd2SXNGMGpyUkFvUW1ES0t0UUJIVXVMWjlBc1N2NGpENFhhIiBjcm9zc29yaWdpbj0iYW5vbnltb3VzIj48L3NjcmlwdD4NCiAgICA8c2NyaXB0IHNyYz0iaHR0cHM6Ly9jZG4uanNkZWxpdnIubmV0L25wbS9AcG9wcGVyanMvY29yZUAyLjExLjUvZGlzdC91bWQvcG9wcGVyLm1pbi5qcyIgaW50ZWdyaXR5PSJzaGEzODQtWGUrOGNMOW9KYTZ0Ti92ZUNoU1A3cSttblNQYWo1QmN1OW1QWDVGNXhJR0UwRFZpdHRhcVQ1bG9yZjBFSTdWayIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+PC9zY3JpcHQ+DQogICAgPHNjcmlwdCBzcmM9Imh0dHBzOi8vY2RuLmpzZGVsaXZyLm5ldC9ucG0vYm9vdHN0cmFwQDUuMi4wL2Rpc3QvanMvYm9vdHN0cmFwLm1pbi5qcyIgaW50ZWdyaXR5PSJzaGEzODQtT0RtRElWek4rcEZkZXh4SEVIRkJRSDMvOS92UTl1b3JpNDV6NEpqbkZzUnlkYm1RYm1MNXQxdFEwY3VsVXp5SyIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+PC9zY3JpcHQ+DQoNCiAgPC9ib2R5Pg0KPC9odG1sPg==