Placeholders

Component design by Image

Más info

npm i bootstrap@5.3.3

Placeholders

Use los marcadores de posición de carga para sus componentes o páginas para indicar que algo aún puede estar cargando.

Ir a Bootstrap Placeholders

Ejemplo

Código

<div class="card" aria-hidden="true">
  <img src="..." class="card-img-top" alt="...">
  <div class="card-body">
    <h5 class="card-title placeholder-glow">
      <span class="placeholder col-6"></span>
    </h5>
    <p class="card-text placeholder-glow">
      <span class="placeholder col-7"></span>
      <span class="placeholder col-4"></span>
      <span class="placeholder col-4"></span>
      <span class="placeholder col-6"></span>
      <span class="placeholder col-8"></span>
    </p>
    <a class="btn btn-primary disabled placeholder col-6" aria-disabled="true"></a>
  </div>
</div>

Copyright © 2025. Bootstrap 5

by Image