Bootstrap Loading Spinner


In diesem Beispiel wird die Klasse "text-center" benutzt, um den Spinner mittig auszurichten. Innerhalb dieses Elements wird ein weiteres Div-Element mit der Klasse "spinner-border" als eigentlicher Spinner verwendet.

Das span-Element mit der Klasse "sr-only" enthält den Text "Loading...", der nur von Screenreadern gelesen werden kann.

Spinner sind nützlich, um den Besuchern anzuzeigen, dass Inhalte noch geladen werden und bald zur Verfügung stehen.

<div class="text-center">
  <div class="spinner-border" role="status">
    <span class="sr-only">Loading...</span>
  </div>
</div>