Blog Request tutorial? klik disini!

  • Membuat Carousel Atau Slider Pada Bootstrap

    Ditulis oleh: Faizal Rafik
    9862 kali dibaca
    20 Aug / 2014 18:38

    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 :

    Setelah itu didalam Carousel 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 itulah cara menggunakan Carousel yang terdapat pada Bootstrap, mudah bukan teman-teman,Sekian dulu tutorial dari saya sampai ketemu ditutorial berikutnya. Terima Kasih.

    Demo | Download Source






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155