Belajar Bootstrap (10. Glyphicons)

Belajar Bootstrap (10. Glyphicons)

Glyphicons pada bootstrap

Glyphicons adalah icon-icon yang digunakan pada bootstrap. Ada banyak sekali icon yang dapat kita gunakan, contohnya icon amplop, search, print, download, dan lain lain. Kita bisa cek icon-icon yang kita inginkan dengan mengunjungi alamat http://glyphicons.com/. Langsung saja mari kita praktikan kode di bawah ini dan lihat hasilnya.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
	<title>belajar gylphicons</title>
</head>
<body>
	<div class="container">
		<h2>Contoh-contoh glyphicons</h2>
		<p>icon search : <span class="glyphicon glyphicon-search"></span></p>
		<p>icon seach dibuat tombol :
			<button type="button" class="btn btn-info btn-xs">
				<span class="glyphicon glyphicon-search"></span>
				Search
			</button>
			
		</p>
		<p>Icon amplop sebagai link :
			<a href="#">
				<span class="glyphicon glyphicon-envelope"></span>
			</a>
		</p>
	</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 *