Tutorial spinners bootstrap 4

Tutorial spinners bootstrap 4 www.malasngoding.com

by malasngoding

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<div class="container">

		<center>
			<h3>Tutorial Membuat Spinners Dengan Bootstrap 4</h3>
			<h4><a href="https://www.malasngoding.com/spinners-bootstrap-4/">www.malasngoding.com</a></h4>
		</center>
		<br/>
		<br/>


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


		<hr>


		<!-- spinner growing -->

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

		<hr>


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

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

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

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

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

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

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

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

		<hr>


		<!-- ukuran spinner -->
		<div class="spinner-border spinner-border-sm" role="status">
			<span class="sr-only">Loading...</span>
		</div>

		<div class="spinner-border" role="status" style="width: 2;height: 2">
			<span class="sr-only">Loading...</span>
		</div>

		<div...