점보트론을 사용하려고 하니 예전과 조금 다르게 나옵니다.



소스코드 첨부하겠습니다
<strong><!doctype html></strong>
<strong><html lang="en"></strong>
<strong> <head></strong>
<strong> <!-- Required meta tags --></strong>
<strong> <meta charset="utf-8"></strong>
<strong> <meta name="viewport" content="width=device-width, initial-scale=1"></strong>
<strong> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous"></strong>
<strong> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script></strong>
<strong> <link href="./LV-1-8.css" rel="stylesheet"></strong>
<strong> <title>Hello, world!</title></strong>
<strong> </head></strong>
<strong> <body></strong>
<strong> <div class="jumbotron main-background"></strong>
<strong> <h1 class="display-4">Shirts Studio</h1></strong>
<strong> <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p></strong>
<strong> <hr class="my-4"></strong>
<strong> <p>It uses utility classes for typography and spacing to space content out within the larger container.</p></strong>
<strong> <p class="lead"></strong>
<strong> <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></strong>
<strong> </p></strong>
<strong> </div></strong>
<strong> </body></strong>
<strong></html></strong>