Slide dengan Bootstrap

Ketik script di bawah ini kemudian simpan dengan nama slide.php

<div id="myCarousel" class="carousel slide">
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="item active">
<img src="7.jpg" width="1920px" height="425px" alt="First slide">
<div class="carousel-caption">Judul Gambar 1</div>
</div>
<div class="item">
<img src="8.jpg" width="1920px" height="425px" alt="Second slide">
<div class="carousel-caption">Judul Gambar 2</div>
</div>
<div class="item">
<img src="9.jpg" width="1920px" height="425px" alt="Third slide">
<div class="carousel-caption">Judul Gambar 3</div>
</div>
</div>
<!-- Carousel nav -->
<a class="carousel-control left" href="#myCarousel"
data-slide="prev">&lsaquo;</a>
<a class="carousel-control right" href="#myCarousel"
data-slide="next">&rsaquo;</a>
</div>

Menu Dropdown dengan Bootstrap

MEMBUAT MENU DROPDOWN

DENGAN BOOTSTRAP DAN JQUERY

Oleh : Ade Sutarya, S.Kom

Menu pada halaman web digunakan sebagai navigasi atau penunjuk arah untuk menuju ke halaman web yang dicari. Dengan adanya menu navigasi ini pengunjung web akan dimudahkan untuk menelusuri secara keseluruhan informasi yang terdapat pada halaman web. Namun bagaimana cara untuk membuat menu dengan bentuk dropdown serta dapat responsive. Pada kesempatan kali ini akan dibahas cara membuat menu dropdown yang responsive. Menu dropdown adalah menu yang memiliki sub menu, jika salah satu menu di klik menggunakan kursor maka akan muncul sub menu pada bagian bawahnya. Sedangkan kata responsive adalah menu ini akan menyesuaikan perangkat yang mengaksesnya.

MATERI SELENGKAPNYA DOWNLOAD