Sedikit Info Seputar
Cara Membuat Navigasi Bar Dengan Bootstrap 3
Terbaru 2017
- Hay gaes kali ini team Blog Android, kali ini akan membahas artikel dengan judul Cara Membuat Navigasi Bar Dengan Bootstrap 3, kami selaku Team Blog Android telah mempersiapkan artikel ini untuk sobat sobat yang menyukai Blog Android. semoga isi postingan tentang
Artikel html, yang saya posting kali ini dapat dipahami dengan mudah serta memberi manfa'at bagi kalian semua, walaupun tidak sempurna setidaknya artikel kami memberi sedikit informasi kepada kalian semua. ok langsung simak aja sob
Judul:
Berbagi Info Seputar
Cara Membuat Navigasi Bar Dengan Bootstrap 3
Terbaru
link: Cara Membuat Navigasi Bar Dengan Bootstrap 3
Berbagi Artikel Tentang Cara Membuat Navigasi Bar Dengan Bootstrap 3 Terbaru dan Terlengkap 2017
Menu bar /navigasi menu adalah sebuah elemen web/blog yang bertujuan untuk memudah pengunjung dalam menjelajahi sebuah web .Navigasi bar terhubung dengan beberapa konten / halaman tertentu pada suatu web/blog.
Kali ini saya akan share ,bagaiman cara membuat menubar/navigasi bar dengan menggunakan framework Bootstrap.
Langkah-langkah membuat navbar menggunakan Bootstrap 3:
1.Copy dan simpan script berikut dengan nama indeks.html
!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"href="css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap-min.css">
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
</head>
<body>
<!—Script Nav-Bar -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<div>
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>
2.Jalankan XAMPP dan aktifkan Apache,dan buka index.html tadi melalu web browser.
Hasil:
