Cara Membuat Dropdown Menu dengan Bootstrap - Salam sejahtera buat teman-teman sekalian, pada tutorial kali ini mengenai bootstrap. Apa itu Bootstrap.? Bagaimana cara menggunakannya.? Untuk apa itu Bootstrap.? Nah, untuk menjawab pertanyaan tersebut, anda dapat mengunjungi website resminya yang lengkap disini.
Bagaimana.? Scriptnya cukup sederhana bukan.? Dengan bootstrap ini membuat pekerjaan kita menjadi mudah. Sampai disini tutorial Cara Membuat Dropdown Menu dengan Bootstrap semoga dapat bermanfaat.
Tutorial ini hanya membahas bagaimana membuat dropdown menu sederhana dengan bootstrap. Ok langsung saja, pertama anda buat file html dengan nama menu_responsive.html. Lalu pastekan script dibawah ini.
<!DOCTYPE html>
<html>
<head>
<title>Belajar Bootstrap</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<script src="assets/js/jquery-1.10.2.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">WebSiteName</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Menu 1</a></li>
<li><a href="#">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Menu 4
<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Dropdown 1</a></li>
<li><a href="#">Dropdown 2</a></li>
<li><a href="#">Dropdown 3</a></li>
</ul>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
<li><a href="#"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
</ul>
</div>
</div>
</nav>
</body>
</html>Bagaimana.? Scriptnya cukup sederhana bukan.? Dengan bootstrap ini membuat pekerjaan kita menjadi mudah. Sampai disini tutorial Cara Membuat Dropdown Menu dengan Bootstrap semoga dapat bermanfaat.
Perkenalkan saya blogger pemula, yang ingin belajar lebih dalam mengenai blogger dan internet ini.
Related Post
Perbedaan Web Statis dan Web Dinamis
Dilihat dari segi content web atau isi dari web tersebut, maka dapat dibagi menjadi 2 bagian, 
Cara Membuat Image Slider Responsive dengan JQUERY
Cara Membuat Image Slider Responsive dengan Jquery - Hai, salam sejahtera buat teman-teman seka
Cara Membuat Register, Login dan Logout dengan PDO dan MySQL
Cara Membuat Register, Login dan Logout dengan PDO dan MySQL - Salam sejahtera buat teman-teman se
Cara Mengirim Email menggunakan Library PHPMailer
Cara Mengirim Email menggunakan Library PHPMailer - Pada postingan kali ini, kita akan belajar bag
ConversionConversion EmoticonEmoticon