<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <link href="bootstrap.min.css" rel="stylesheet"/>
    <title>Bootstrap Tipografia</title>
</head>
<body>

<div class="container border mt-3">
  <h1 class="h5 text-primary">Título estilizado como H1</h1>
  <p class="text-start text-success">Texto alinhado à esquerda (padrão).</p>
  <p class="text-center text-danger">Texto centralizado para destaque.</p>
  <p class="text-end">Texto alinhado à direita.</p>
  <p class="text-uppercase">texto transformado em maiúsculas.</p>
  <p class="fw-bold">Texto em negrito (Font-Weight Bold).</p>
  <p class="fst-italic">Texto em itálico.</p>
  <p class="text-muted">Texto com cor suave (cinza), usado para legendas.</p>
  <br/><br/>
  <p class="text-muted text-uppercase fw-bold h1 text-center text-end">Novo Texto.</p>

</div>

</body>
</html>