About

Thursday, April 20, 2017

Belajar Bootstrap Part 14 Membuat Carousel Dengan Bootstrap

Assalamualaikum Wr. Wb.


PEMBAHASAN

Pada tutorial kali ini saya akan mengajarkan bagaimana caranya menggunakan Carousel yang terdapat pada Bootstrap. Carousel bisa kita sebut juga slider yang terdapat didalam Bootstrap, slider tersebut sudah mempunyai sifat Responsive dan Fleksibel. Fleksibel yang dimaksud disini adalah memungkinkan gambar, iframe, video, atau hampir semua jenis isi content dapat kalian masukkan atau dapat kalian terapkan pada carousel ini.

Berikut adalah contoh penggunaan Carousel yang terdapat pada Bootstrap. Kalian bisa ketikan baris program dibawah ini :



Kemudian kalian bisa save dan coba jalankan, maka hasilnya seperti dibawah ini :

Bootstrap ini kalian juga bisa menambahkan option (keterangan dari slide gambarnya), caranya kalian bisa membuat 1 tag <div> didalam div class item, kemudian didalam tag div tersebut kalian bisa tuliskan atribut class carousel-caption contohnya seperti berikut :
 
 
 
Maka Jika kita jalankan hasilnya seperti gambar dibawah ini :

Nah di atas merupakan beberapa contoh dari penggunaan carousel di dalam framework dari bootstrap.
 
Mungkin sekian dari saya semoga bermanfaat.
 
Wassalamualaikum Wr. Wb.  

Referensi

http://www.dumetschool.com/blog/membuat-carousel-atau-slider-pada-bootstrap

Faiz Ahmad

About Faiz Ahmad

Faiz Ahmad. Salatiga, 28 Juni 2000. Saya hanya seorang Hamba Allah yang masih banyak kekurangan, maka dari itu saya ingin menutupi kekurangan saya dengan melakukan hal yang bermanfaat kepada orang lain. Seperti filosofi tanah “Bermanfaat untuk orang sebanyak mungkin, namun dikenal oleh orang sesedikit mungkin”. Pernahkah kita mengingat jasa tanah? Sedetik saja dalam sehari? Saya rasa hanya sedikit sekali yang mengingatnya, berbeda dengan matahari yang jasanya selalu kita ingat. Padahal kita semua tentu tahu bagaimana jadinya dunia ini jika tidak ada tanah.

Subscribe to this Blog via Email :