Belajar Bootstrap ( 6. Wells)

Belajar Bootstrap ( 6. Wells)

Wells bootstrap

Apa itu wells pada bootstrap?
WELL adalah class untuk membuat element yang kita tambahkan menjadi ber-border berbentuk round serta berbacground gray secara default serta beberapa padding. Well kecil kita tuliskan dengan “well-sm”, well besar kita tulis dengan “well-lg”, dan well default cukup kita tulis “well”. Bingung penjelasanya? langsung saja praktekan kode berikut lalu lihat hasilnya.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<title>belajar well</title>
</head>
<body>
	<div class="container" style="margin-top: 14px;">
		<div class="row">
			<div class="col-md-4">
				<div class="well">
					ini adalah contoh penggunaan class well secara normal
				</div>
			</div>
			<div class="col-md-4">
				<div class="well well-sm">
					ini contoh well kecil
				</div>
			</div>
			<div class="col-md-4">
				<div class="well well-lg">
					dan ini contoh well besar
				</div>
			</div>
		</div>
	</div>
</body>
</html>

hasil

Semoga bermanfaat, sampai jumpa di postingan selanjutnya.

Written by @akhi_syabab

Leave a Reply

Your email address will not be published.Required fields are marked *