[SOLVED] [Bootstrap] Tombol icon glyphicon tidak berfungsi

Saat jendela browser dikecilkan, tombol icon Glyphicon yg saya lingkarin itu tidak berfungsi. Seharusnya ketika icon tersebut diklik, menu navigasi yg ke hidden itu tampil.<a href=' Madingkode.tk '> Madingkode.tk </a>

 <!DOCTYPE html>
<html lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>MadingKode</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css">
	<script src="bootstrap\js\bootstrap.min.js"></script>
	<script src="//netdna.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="page-header">
<h1>Situs MadingKode</h1>
</div>
</div>

<div class="container">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header"><button class="navbar-toggle" data-target="#myNavbar">
    <i class="glyphicon glyphicon-tasks"></i>
</button>
<a class="navbar-brand" href="index.html">MadingKode</a></div>

<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
	<li class="active"><a href="#">Home</a></li>
	<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#"> Materi <span class="caret"></span></a>
	<ul class="dropdown-menu">
		<li><a href="#">HTML</a></li>
		<li><a href="#">CSS</a></li>
		<li><a href="#">JavaScript</a></li>
	</ul>
	</li>
	<li><a href="#">Kode Warna</a></li>
	<li><a href="#">Mading</a></li>
	<li><a href="#">Diskusi</a></li>
	<li><a href="#">Download Modul</a></li>
	<li><a href="#">Info</a></li>
</ul>

<ul class="nav navbar-nav navbar-right">
	<li><a href="D:\Bootstrap\madingkode\signup.html"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
        <li><a href="D:\Bootstrap\madingkode\login.html"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
</div>

<div class="container">
<div class="jumbotron">
<h2>Selamat Datang di MadingKode</h2>

<p>Di sini kalian bisa melihat hasil karya sederhana dari web design dan juga sebagai tempat sharing tentang dunia web design</p>
</div>
</div>

<div class="container">
<div class="alert alert-info"><a aria-label="close" class="close" data-dismiss="alert" href="#">×</a> <strong>Info!</strong> Sekarang E-Book tentang Belajar Bootstrap untuk Pemula telah tersedia.<button class="btn btn-info btn-sm disabled" type="button">Info Selanjutnya</button></div>
</div>

<div class="container">
<div class="well well-lg">
<blockquote>
<p>Tekuni minatmu dan jangan putus semangat</p>

<footer>Form admin MadingKode</footer>
</blockquote>
</div>
</div>

<div class="container">
<div class="panel-footer">Copyright © 2018 <a href="#"> MadingKode </a></div>
</div>
</body>
</html>
avatar Ahmad554
@Ahmad554

95 Kontribusi 39 Poin

Dipost 6 tahun yang lalu

Belum ada Jawaban. Jadi yang pertama Jawaban

Login untuk ikut Jawaban