Bootstrap adalah sebuah library framework yang dibuat khusus untuk membantu mempermudah pengembangan front-end sebuah website. Bootstrap merupakan salah satu framework HTML, CSS, dan Javascript populer bagi para developer.
Saat ini bootstrap banyak di gunakan oleh web developer untuk membuat tampilan front-end menjadi mudah dan cepat.
Bootstrap bisa melakukan berbagai hal dengan sangat cepat dan mudah tetapi tetap responsive berbagai ukuran layar. Dengan bootstrap anda bisa membuat menu navigasi, tabel, button, dan tag html lainnya dengan hanya menambahkan class yang telah di atur CSS di dalam package bootstrap tersebut.
Berikut contoh membuat menu responsive menggunakan bootstrap
1. Copy kode berikut di notepad anda
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Menu Responsive Bootstrap</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#target-list">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="#" class="navbar-brand">Kenscripts</a>
</div>
<div class="collapse navbar-collapse" id="target-list">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Album</a></li>
<li><a href="#">Sitemap</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
</ul>
<form role="search" class="navbar-form navbar-right">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search...">
<button type="submit" class="btn btn-primary">Search</button>
</div>
</form>
</div>
</nav>
</body>
</html>
2. Simpan dengan nama index.html
Pastikan internet anda menyala
Untuk mengenal lebih pada bootstrap anda bisa mengunjungi Getbootstrap disana juga anda bisa mendownloadnya.